KAIBII
BRAND GUIDELINE 2020
BRAND GUIDELINE
PG.2
Logo Usage P.6
Color Usage
Content
P.14
Typography P.17
01 02 03
Photography Style P.21
Illustration Style P.27
Brand Illustration P.30
04 05 06
KAIBII
BRAND GUIDELINE
PG.3
ABOUT US
KAIBII is an online web/ mobile app where friends can navigate shopping for beauty and wellness products in fun and easy way.
Kaibii is short for the which means friend
KAIBII
Tagalog word kaibigan
BRAND GUIDELINE
PG.4
Our mission is to create COMMUNITY, strengthen FRIENDSHIPS and foster TRUST through a shared passion for beauty and wellness.
Kaibii is a space that is inviting, easy to navigate, and cool.
OUR MISSION
KAIBII
BRAND GUIDELINE
PG.5
OUR GOAL
Our goal is to connect friends who share similar interests and to remove the many frustrations that may come when shopping for skincare products online. We strengthen friendships and foster trust by filtering biased reviews.
KAIBII
BRAND GUIDELINE 2020
01
Logo Usage
KAIBII
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
01 LOGO USAGE
PG.7
Brand Logo Our brand logo consist of a logomark and logotype. In most cases the brand logo either with or without the logomark shall be presented in all brand materials for consistency in brand communication. The nature of the elements in the main logo should not be modified, recreated or streched and should be resized proportionately so that they are legible at all times.
KAIBII
transformed in any way. The logo shall never be
01 LOGO USAGE
PG.8
Logo Variation
FULL LOGO
LOGOMARK + "k"
Logo variation provide different versions of the brand logo to be used for content and marketing materials depending on the format and the space available. Here are the logo variations that can be used for brand application.
LOGOMARK
LOGOTYPE
KAIBII
P. 8
01 LOGO USAGE
PG.9
For logomark, the minimum clearspace
For logotype , the minimum clearspace
is determined by the height and width
is determined by the height and width
nose and eye from the face ďŹ gure.
of the initial "k" from the logotype.
For logomark + "k" , the minimum
Forbrand logo , the minimum clearspace
To ensure legibility and clarity, please do not
clearspace is determined by the
is determined by the height and width
scale the logo below the recommended size.
height and width of the initial "k".
of the initial "k" from the logotype.
Logo Clearspace Clear space is the area surrounding the logo that must be kept free of any other graphic elements. This exclusion zone indicates the closest any other graphic element can be positioned in relation to the logo.
KAIBII
01 LOGO USAGE
PG.10
Minimum Width: 20mm
Minimum Width: 8mm
Minimum Size
Minimum Width: 12mm
To ensure legibility and clarity, please do not scale the logo below the recommended size. The logo shall never be streched and should
Minimum
be resized proportionately so that they are
Width: 8mm KAIBII
legible at all times.
01 LOGO USAGE
PG.11
Primary Color Usage Above illustrates the recommended primary logo color usage. The logo can be used in olive againts white or cream colored background or white againts dark colored background.
KAIBII
01 LOGO USAGE
PG.12
Secondary Color Usage Above illustrates the recommended secondary logo color usage. The logo can be used in olive againts white or cream colored background or white againts dark colored background.
KAIBII
01 LOGO USAGE
PG.13
01
Do not rotate the logo
02
Do not compress or stretch the logo
03
Do not place elements within the logo
04
clearspace Do not rearrange parts or create compositions
Incorrect Usage
05 06 07
that are not provided in the guideline Do not resize any part of the logo Do not add unofficial elements in the logo Do not use off-brand colors. Always refer to the color usage section
08
Do not add in special effects such as drop shadows or 3D effects
09
Do not use gradient
KAIBII
BRAND GUIDELINE 2020
02
Color Usage
KAIBII
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
02 COLOR USAGE
PG.15
HEX D5C3AB SAND
CMYK 16 21 32 0 RGB 213 195 171
HEX A7A77F CMYK 36 26 56 1
Brand Colors
OLIVE
RGB 167 167 127
DUSTY BLUE
HEX ABB4B6 CMYK 34 22 24 0 RGB 171 180 182
Above illustrates the recommended primary logo color usage. The logo can be used in olive againts white or cream colored background or white againts dark colored background.
HEX F0EDE1 CMYK 5 4 11 0
KAIBII
RGB 240 237 225
CREAM
02 COLOR USAGE
PG.16
HEX 352F26 CMYK 63 62 71 64
BLACK
RGB 53 47 38
HEX D58D57 AUTUMN
CMYK 15 50 73 1 RGB 213 141 87
Brand Colors HEX E3AE58 CMYK 11 32 76 0
MUSTARD
RGB 227 174 88
Above illustrates the recommended primary logo color usage. The logo can be used in olive againts HEX BB8D68
white or cream colored background or white againts dark colored background.
WOOD
CMYK 25 45 63 3 RGB 187 141 104 KAIBII
BRAND GUIDELINE 2020
03
Typography Usage
KAIBII
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
Serif Text is the chosen primary font for the brand. The serif typeface is used for Headers, titles and smaller exerts of text that require further emphasis. We use the font in 2 weight: Regular & Italic.
Primary Typeface
ABCD KAIBII
DM Serif Text Regular DM Serif Text Italic
ABCDEFGHIJKLMNOP QRSTUVWXYZ áâàäãåabcdefghijklm nopqrstuvwxyz 1234567890 !@#$%^&*()+
https://fonts.google.com/specimen/DM+Serif+Text
03 TYPOGRAPHY USAGE
PG.18
Typography plays a large role in our brand identity. DM
font in 3 weights: Light, Regular & SemiBold. Open Sans is used for body copy and larger paragraph of text. Within brand materials, Open Sans should appear smaller in scale in relation to DM Serif Text.
Secondary Typeface Open Sans Light Open Sans SemiBold
ABCD KAIBII
Open Sans Regular
ABCDEFGHIJKLMNOP QRSTUVWXYZ áâàäãåabcdefghijklm nopqrstuvwxyz 1234567890 !@#$%^&*()+
https://fonts.google.com/specimen/Open+Sans
03 TYPOGRAPHY USAGE
PG.19
Open Sans is the secondary typeface, we use the
03 TYPOGRAPHY USAGE
PG.20
Heading with DM Serif Text Regular Open Sans regular is used for body copy. Open Sans Light can also be used when a slightly more delicate weight is needed. Open Sans SemiBold can be used to highlight or emphasize certain area of text. The heading above is DM Serif Text Regular. DM Serif Text Italic can be used to emphasize or highlight
Typographic Hierarchy
certain part of the title.
“DM Serif Text Italic can be used for pull quotes.”
SUBHEADING IN OPEN SANS SEMIBOLD
Heading with DM Typographic hierarch is a system for organizing type that establishes an order of importance. This allows for clarity, consistency and a legible hierarchy for all communications.
Serif Text Regular Open Sans regular is used for body copy. Open Sans Light can also be used when a slightly more delicate weight is needed. The Sans Semibold can be used as subheaders.
KAIBII
heading above is DM Serif Text Regular. Open
BRAND GUIDELINE 2020
04
Photography Style
KAIBII
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
04 PHOTOGRAPHY STYLE
PG.22
Photography Style
Inviting Community Connect Clean Luxury Trust Friendship
KAIBII
Quality
04 PHOTOGRAPHY STYLE
PG.23
Kaibii is a space that is inviting, easy to navigate, and cool.
KAIBII
04 PHOTOGRAPHY STYLE
PG.23
Photography Style
KAIBII
04 PHOTOGRAPHY STYLE
PG.25
Kaibii is a space that is inviting, easy to navigate, and cool.
KAIBII
04 PHOTOGRAPHY STYLE
PG.26
Photography Style
KAIBII
BRAND GUIDELINE 2020
05
Illustration Style
KAIBII
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
05 ILLUSTRATION STYLE
PG.28
Simple Minimal Abstract Inspiring
Illustration Style
KAIBII
05 ILLUSTRATION STYLE
PG.29
Illustration Style
KAIBII
BRAND GUIDELINE 2020
06
Brand Illustration
KAIBII
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
06 BRAND ILLUSTRATION
PG.31
Main Illustration The brand illustration features 2 human ďŹ gures facing each other reecting 2 friends connecting and sharing stories with each other. The brand illustration can be presented as a graphic elements.
KAIBII
whole or separated to be used as inidividual
06 BRAND ILLUSTRATION
PG.32
Brand Icons
KAIBII
FRIENDSHIP
COMMUNITY
HEALTH WELLNESS
REVIEWS
LIFESTYLE
PRODUCT FAVOURITES
TRUST & CONNECTION
KAIBII
06 BRAND ILLUSTRATION
PG.33
Brand Application
KAIBII
KAIBII
BRAND GUIDELINE 2020