Ihub brand Prototype

Page 1



01

I

N - -

02

T

H

T

R O

D

U

C

T

I

O

A BRIEF INTRODUCTON TO THE COMPANY THE MISSION AND VISION

E

B

R

A

N

D

- THE LOGO AND THE INITIATIVE LOGOS - PALETTE (THE BRAND COLORS) - TYPOGRAPHY

03

A

P

P

L

I

C

A T

- INTRODUCTION - STATIONERY - WEB AND SOCIAL MEDIA - PHOTOGRAPHY - APPAREL

I

O

N

N



01 I

N

T

R

O

D

U

C

T

I

O

N


06

I

N

T

R O

D

U

C

T

I

O

N

What is the iHub?


iHub is the first such space in Kenya and has spurred a revolution in the tech ecosystem across the African continent over the last 4 years; several similar initiatives have sprung up across continent, with a World Bank estimate putting it at over 90 hubs and labs. We nurture a Kenyan innovation and entrepreneurship ecosystem that constantly challenges and influences technology development because we believe that African innovation plays a critical role in shaping future technology globally.


08

I

N

T

R O

T

H

E

D

U

V

C

I

T

S

I

I

O

O

N

N

Catalysing the growth of the Kenyan tech community


T

H

E

M

I

S

S

I

O

N

iHub connects people, supports startups, and surfaces information.



02 T

H

E

B

R

A

N

D


12

T

H

E

B

R

A

N

D

P

R

I

M

A

R Y

L O

G

O

PRIMARY LOGO

PRIMARY LOGO OUTLINED


The improvised version of the IHUB primary logo rests in a half-right parallelogram that can either be fully filled with color or can judt be outlined. On the fully filled version we have the IHUB logo cut out from it leaving a logo that is flexible enough with any background color. The alternate logo will be used in preferal situations (special case logo). This is the main logo that will give identity to every other IHUB brand element that are to be seen here on the brand Manual.


14

T

H

E

B

R

A

N

D

P

R

I

M

A

R Y

L O

PRIMARY LOGO IN LIGHT BACKGROUNDS

G

O


PRIMARY LOGO IN DARK BACKGROUNDS


16

T

H

E

B

R

A

COMMUNITY LOGO

N

D

C O

M

M

U

N

I

T

Y

L O

G

O

COMMUNITY LOGO OUTLINED


COMMUNITY ICON / SYMBOL The symbol is made up of connected open circles. This simply means the members of the IHUB community are interconnected to share resources and information. The circles being open means the members can connect to the rest of the world and share the information and resource from IHUB tech community. It also means open arms welcome to others willing to join IHUB tech Community.


18

T

H

E

B

R

A

N

D

C O

M

M

U

N

COMMUNITY LOGO IN LIGHT BACKGROUNDS

I

T

Y

L O

G

O


COMMUNITY LOGO IN DARK BACKGROUNDS


20

T

H

E

B

R

A

C O N S U LT I N G L O G O

N

D

C O

N

S

U

L T

I

N

G

L O

G

O

C O N S U LT I N G L O G O O U T L I N E D


C O N S U LT I N G I C O N / S Y M B O L The Consulting symbol bases on two elements which is the blank documentation outlined and the geeky eyewear to show professionalism. the two merged works great as a blank client seeking consultation from the consultants (representented by the eyewear).


22

T

H

E

B

R

A

N

D

C O

N

S

U

L T

C O N S U LT I N G L O G O I N L I G H T B A C K G R O U N D S

I

N

G

L O

G

O


C O N S U LT I N G L O G O I N D A R K B A C K G R O U N D S


24

T

H

E

B

R

RESEARCH LOGO

A

N

D

R

E

S

E

A

R

C H

L O

G

O

RESEARCH LOGO OUTLINED


RESEARCH ICON / SYMBOL The research symbol is a basic globe in orbit illustration intended to show how the research initiative works with global iformation as the main resource. The Globe also stands for how the research initiative goes out discovering information and knowledge worldwide then collecting this information and sharing it.


26

T

H

E

B

R

A

N

D

R

E

S

E

A

RESEARCH LOGO IN LIGHT BACKGROUNDS

R

C H

L O

G

O


RESEARCH LOGO IN DARK BACKGROUNDS


28

T

H

E

B

UX LAB LOGO

R

A

N

D

U

X

L

A

B

L O

G

O

UX LAB LOGO OUTLINED


UX LAB ICON / SYMBOL The UX Lab symbol is derived from three UX elements which are a new file space (the outline square and program control buttons at the top left), a stylized ‘X’ symbol that basically stands for experience and then there is the small circle at the top of the ‘X’ of which if merged, together they form the third element which is the user, the top arms of the X act as the hands and...well you get it right?


30

T

H

E

B

R

A

N

D

U

X

L

UX LAB LOGO IN LIGHT BACKGROUNDS

A

B

L O

G

O


UX LAB LOGO IN DARK BACKGROUNDS


32

T

H

E

B

R

A

N

D

P A

L

E

T

T

E

IHUB / COMMUNITY LIME PALETTE

CMYK 42 0 100 0

CMYK 32 0 100 0

CMYK 22 0 99 0

RGB 162 204 57

RGB 185 212 50

RGB 210 221 39

WEB A2CC39

WEB B9D432

WEB D2DD27


I H U B C O N S U LT I N G S K Y PA L E T T E

CMYK 100 0 0 0

CMYK 61 0 0 0

CMYK 45 0 1 0

RGB 0 173 239

RGB 65 198 243

RGB 126 210 242

WEB 00ADEF

WEB 41C6F3

WEB 7ED2F2


34

T

H

E

B

R

A

N

D

P A

L

E

T

T

E

IHUB RESEARCH PURPLE PALETTE

CMYK 48 98 43 31

CMYK 45 95 38 18

CMYK 40 89 30 6

RGB 112 27 75

RGB 132 42 93

RGB 155 62 114

WEB 701B4B

WEB 842A5D

WEB 9B3E72


IHUB UX LAB FIRE PALETTE

CMYK 0 85 99 0

CMYK 0 73 98 0

CMYK 0 63 100 0

RGB 239 79 36

RGB 241 105 35

RGB 244 124 32

WEB EF4F24

WEB F16923

WEB F47C20


36

T

H

E

B

R

A

N

D

P A

L

E

T

T

E

IHUB DARK PALETTE

CMYK 67 65 67 72

CMYK 67 65 67 22

CMYK 20 18 18 0

RGB 39 35 32

RGB 91 83 79

RGB 203 197 195

WEB 272320

WEB 5B534F

WEB CBC5C3


IHUB LIGHT PALETTE

CMYK 19 15 15 0

CMYK 5 3 3 0

CMYK 1 1 1 1

RGB 205 204 203

RGB 238 240 240

RGB 246 245 245

WEB CDCCCB

WEB EEF0F0

WEB F6F5F5


38

T

H

E

B

R

A

N

D

T

Y

P

O

G

R

A

P

H

Y

Museo Sans is the core IHUB brand font. Primary Font

Museo Sans

The weights that are to be used are: Museo Sans 100 Museo Sans 300 Museo Sans 500 Museo Sans 700 Museo Sans 900 These fonts can be colored as per the ‘The Brand Palette’ section of the brand guideline. They do not have a stroke. They do not have a drop shadow or any other effect. Do not apply these either. The minimum print font size is 7pt.


Museo Sans Weight: 100 Usage: Body text Platform: Web and Print

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz


40

T

H

E

B

R

A

N

Museo Sans Weight: 300 Usage: Body text Platform: Web and Print

D

T

Y

P

O

G

R

A

P

H

Y

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz


Museo Sans Weight: 500 Usage: Header / Sub headertext Platform: Web and Print

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz


02

T

H

E

B

R

A

N

Museo Sans Weight: 700 Usage: Header text Platform: Web and Print

D

T

Y

P

O

G

R

A

P

H

Y

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz


Museo Sans Weight: 900 Usage: Header text Platform: Web and Print

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz


38

T

H

E

B

R

A

N

Secondary Font

Museo

D

T

Y

P

O

G

R

A

P

H

Y

Museo is the primary font for the iHub. this will be used as an alternative font folong body of texts in print and bold titles for print. The weights that are to be used are:

Museo Sans 100 Museo Sans 300 Museo Sans 900

These fonts can be colored as per the ‘The Brand Palette’ section of the brand guideline. They do not have a stroke. They do not have a drop shadow or any other effect. Do not apply these either. The minimum print font size is 8pt.


Museo

Weight: 100 Usage: Body text Platform: Web and print

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz

Museo

Weight: 300 Usage: Body text Platform: Web and print

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz

Museo

Weight: 900 Usage: Body text Platform: Web and print

ABCDEFGHIJKLMNOPQRSTUVWXYZ ?!@£$€1234567890åäö abcdefghijklmnopqrstuvwxyz



03 A

P

P

L

I

C

A

T

I

O

N


02

A

P

P

L

I

C A T

I

O

N

I

N

T

R

O

what exactly is application IHUB BRAND APPLICATION - Refers to how the logos, brand color and typography elements are apply to anything related to the organization. This will be separated into a few sections, which are: Stationery, Web, Potography and Apparel. We get to see how the branding is applied to these categories of IHUB related products.



02

A

P

P

L

I

C A T

I

O

N

The iHub web

W

E

B



work in progress

This is not the Final version of this Brand Guideline. This is a preview version and is subjected to contain more content and accurate information in future,



W

W

W . I

H

U

B . C O . K

E


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.