BRAND GUIDELINE
Contents
1 Logo Usage 2 Color Usage 3 Typography
CONTEN TS
BRA ND GUIDELINES
Guidelines on how our logo should be used. It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
Brand Logo Clearspace Minimum Size Incorrect Usage
1
Logo Usage
L OG O USAGE
BRA ND GUIDELINES
Brand Logo Our brand logo is based on a logotype design. The nature of the elements in the brand logo should not be modified, recreated or transformed in any way. The brand logo shall never be streched and should be resized proportionately so that it is legible at all times.
L OG O USAGE
BRA ND GUIDELINES
Clearspace Clear space is the area surrounding
The minimum clearspace is determined by the height of the
the logo that must be kept free of
letter "I" from the brand logo itself as illustrated below.
any other graphic elements. This exclusion zone indicates the closest any other graphic element can be positioned in relation to the logo.
Minimum Size To ensure legibility and clarity, please
Minimum Width:
do not scale the brand logo below the
20mm
recommended minimum size.
L OG O USAGE
BRA ND GUIDELINES
Incorrect Usage Below illustrates examples of incorrect logo usage.
Do not create new
Do not rotate or
Do not resize or modify
Do not add any unofficial
compositions
reflect the logo
any part of the logo
elements to the logo
Do not compress or
Do not use gradient,
Do not change the color
Do not add in special
stretch the logo, always
always refer to the
of logo, always refer to the
effects such as drop
resize proportionately
color usage guideline
color usage guideline
shadows or outline effects
L OG O USAGE
BRA ND GUIDELINES
Guidelines on how our colors should be used. It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication. Brand Colors Logo Color Usage Color Hierarchy
2
Color Usage
COL OR USAGE
BRA ND GUIDELINES
Brand Colors White
We have 7 brand colors – White, Stone,
R 255 G 255 B 255 C0 M0 Y0 K0
Light Grey, Grey, Blue, Green and Coral.
#FFFFFF
Stone
Light Grey
Grey
Blue
Green
Coral
R 230 G 231 B 233
R 211 G 209 B 210
R 162 G 164 B 163
R 119 G 187 B 247
R 0 G 212 B 210
R 248 G 130 B 139
C8 M6 Y5 K0
C 16 M 13 Y 13 K 0
C0 M0 Y0 K0
C 47 M 15 Y 0 K 0
C 64 M 0 Y 26 K 0
C 0 M 62 Y 31 K 0
#E6E7E9
#D3D1D2
#FFFFFF
#77BBF7
#00D4D2
#F8828B
COL OR USAGE
BRA ND GUIDELINES
Brand Colors
COL OR USAGE
BRA ND GUIDELINES
Logo Color Usage Our logo is used in Coral against White, Stone and Light Grey. The logo is used in white when applied againts Grey, Blue, Green and Coral.
COL OR USAGE
BRA ND GUIDELINES
Logo Color Usage Our logo is used in Coral or White againts imagery background. B&W versions can be used when color options are not applicable.
COL OR USAGE
BRA ND GUIDELINES
Color Hierarchy A general color hierarchy is seen as illustrated
Coral and White are the most commonly used colors within
on the right. The sizes of the circles visualizes
the branding. Stone, Light Grey, Grey, Blue and Green are
the usage percentage of the brand colors
supporting secondary colors.
within the branding.
COL OR USAGE
BRA ND GUIDELINES
Guidelines on how our fonts should be used. It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
Primary Font Secondary Font Typographic Hierarchy
3
Typography
T YPOGRAP H Y
BRA ND GUIDELINES
Primary Font Typography plays a large role in the brand identity. We use a sans serif typeface named Cabin to add character and personality to the brand.
Cabin Semibold Bold
The sans serif typeface is used for Headers, titles and smaller exerts of text that require further emphasis.
Aa
T YPOGRAP H Y
ABCDEFGHIJKLMNOPQRSTUVWXYZ áâàäãåabcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()+ https://fonts.google.com/specimen/Cabin
Tracking: 0 Leading: 15 - 100
BRA ND GUIDELINES
Secondary Font Poppins is the secondary typeface, it is used for body copy and larger paragraph of text. Within brand materials, Poppins should appear smaller in scale in relation to Cabin.
Aa
T YPOGRAP H Y
Poppins Medium Semibold Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ áâàäãåabcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()+ https://fonts.google.com/specimen/Poppins
Tracking: 0 - 100 Leading: 15 - 100
BRA ND GUIDELINES
Typographic Display Typographic hierarchy is a system for organising type that establishes an order of importance. This allows for clarity, consistency and a legible hierarchy for all communications.
Cabin Semibold can be used for smaller excerpts of text that require further emphasis such as this paragraph.
Headings with Cabin Bold
S U B H E A D I N G I N P OPPINS SEM IBOLD
Poppins Medium is used for body copy. Poppins Regular can be used when a lighter weight is reuqired. Poppins Bold can also be used to highlight certain area of body copy text. Poppins Semibold is used for button text.
B U T T O N S I N P O P P I NS SEM IBOLD
T YPOGRAP H Y
BRA ND GUIDELINES
BRAND GUIDELINE