BRAND GUIDELINE
2021
Brand Guideline
Contents
CONTENTS
01
Logo Usage
03
Page 5
02
Color Usage Page 10
Typography Page 13
04
Photography Page 17
About Us
ABOUT US Hanko is a community communityoriented program helping you to solidify your understanding of iOS Development and build real world skills to prepare for an iOS career. Created by two iOS Software Engineers in 2020, Han Kim and Mayuko Inoue.
Brand Guideline
About Us
Brand Guideline
Hanko is translated to carved stamp or personal seal in Japanese. Hankos are widely used in East Asia which has cultural roots for the Guides. We aim to guide our students to becoming technically adept and well-rounded developers so they may leave their mark in every product or service they make. This cohort started naturally with a few friends who were determined to learn iOS but needed a more-defined path of learning and a community to lean against.
Logo Usage
01
LO G O U SAG E
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Brand Guideline
Logo Usage
Brand Guideline
B RA N D LO G O
Our brand logo consist of a logomark and rounded sans serif font based logotype that is customized truly for the brand. We have 2 variatons of the brand logo, one with the logomark in outlined style and another with the logomark in filled style.
The nature of the elements in the logo should not be modified, recreated or transformed in any way. The logo shall never be streched and should be resized proportionately so that they are legible at all times.
The logomark and logotype can be presented together or seperately for brand application.
OUTLINED
FILLED
Logo Usage
Brand Guideline
LO G O E L E M E N TS
LO G O M A R K The logomark acts as the identifying mark of the brand. The logomark is ideal for social media avatars, stamps, wax seals, and stickers.
The logotype is ideal to be used when a more condensed design would suit the context best or when the logomark is already presented within a design, the logotype can be added to further brand or enhance the design. LO G OT Y P E
Logo Usage
Brand Guideline
L O G O C L E A R S PA C E & MINIMUM SIZE
Clear space is the area surrounding the logo that must be kept free of any other graphic elements. This exclusion zone indicates the
For brand logo (outlined/filled) and logotype,
For logomark (outlined/filled), the minimum
closest any other graphic element can be
the minimum clearspace is determined by 2x
clearspace is determined by the height and
positioned in relation to the logo.
the size of the letter �0� from the logotype.
width of the letter "H" from the logomark.
To ensure clarity and legibility, please do not scale the logo below the recommended size. The logo shall never be streched and should be resized proportionately at all times.
Minimum Width: 1.2 cm
Minimum Width: 1.5 cm
Minimum Width: 1 cm
Logo Usage
Brand Guideline
INCORRECT 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 of
Do not add in special
stretch the logo, always
always refer to the
logo, always refer to the
effects such as drop
resize proportionately
color usage guideline
color usage guideline
shadows or 3D effects
Color Usage
02
CO LO R U SAG E
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Brand Guideline
Color Usage
Brand Guideline
B RA N D CO LO R S
WHITE
CREAM
RED
N AV Y
C0 M0 Y0 K0
C2 M1 Y4 K0
C11 M88 Y99 K2
C92 M73 Y35 K21
R255 G255 B255
R249 G248 B242
R214 G68 B40
R39 G71 B170
#ffffff
#f9f8f2
#d64428
#27476b
Color Usage
LO G O CO LO R USAGE
The brand logo is mainly used navy and red on white or cream background or navy and white on navy background. Red is only used as logomark color. The b&w versions can be used in situations where color options are not applicable.
Brand Guideline
Typography
03
TYPOGRAPHY
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Brand Guideline
Typography
Brand Guideline
P R I M A R Y T Y P E FA C E
Typography plays a large role in the brand identity. We use a rounded sans serif typeface named Nunito to add character and personality to the brand.
The rounded sans serif typeface is used for
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ áâàäãåabcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()+
Headers, titles and smaller exerts of text that require further emphasis.
https://fonts.google.com/specimen/Nunito
Nunito
Typography
Brand Guideline
S E C O N D A R Y T Y P E FA C E
Red Hat Display is the secondary typeface, it is
Aa
used for body copy and larger paragraph of text.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Within brand materials, Red Hat Display should
áâàäãåabcdefghijklmnopqrstuvwxyz
appear smaller in scale in relation to Nunito.
https://fonts.google.com/specimen/Red+Hat+Display
1234567890 !@#$%^&*()+
Red Hat Display
Typography
TYPOGRAPHIC HIERARCHY
Brand Guideline
Subheading in Red Hat Display Medium
Heading with Nunito Bold or SemiBold
Typographic hierarchy is a system for organizing
Nunito SemiBold can be used for smaller
type that establishes an order of importance.
exerts of text that require further emphasis
This allows for clarity, consistency and a legible hierarchy for all communications.
such as this paragraph.
Red Hat Display Medium is commonly used for body copy. Red Hat Display Bold can be used to highlight or emphasize certain area of text of the body copy. Red Hat Display Medium is used for subheadings while Nunito Bold is used for button text.
BUTTONS IN NUNITO BOLD
Photography
04
P H OTO G R A P H Y ST Y L E
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Brand Guideline
Photography
P H OTOTG R A P H Y ST Y L E
Brand Guideline
Photography
Brand Guideline
Photography
Brand Guideline
Photography
Brand Guideline
Photography
Brand Guideline
Photography
Brand Guideline
2021