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