C INCO TE RR AS COF F EE Brand Guideline
BR AND PRINC I PLE
Interpretation to Brand Identity
Graphic + Typography
Color
Brand Principle
Mood + Feel
Brand Principle Goal to Achieve in Design
Elegant - Modern
Approachable
Quality
Service
GR AP H IC CO NCEPT
Concept
Coffee
Well Balance
Simple
Product
Equal important of the cost and coffee quality
Process of the system
LOGO
Logo
Logo
Logo + Name
Logo + Name
Logo + Name
Logo in Color
Logo in Color
Logo in Color
LOG O A ND SPAC E
Clearspace
Clearspace around the logo is equal to the gap width of the graphic.
Clearspace
Clearspace around the logo is equal to the gap width of the graphic.
Clearspace with Name Total width of the typography is limited to the graphic size adding to logo on the both sides. Name height equally to 3-width-gap and Secondary height is equally to 2width-gap. The space from the logo to the type is equally to 2-width-gap, starting from the graphic clearspace.
CINCO TERRAS COFFEE
Clearspace with Name Total width of the typography is limited to the graphic size adding to logo on the both sides. Name height equally to 3-width-gap and Secondary height is equally to 2width-gap. The space from the logo to the type is equally to 2-width-gap, starting from the graphic clearspace.
CINCO TERRAS COFFEE
Clearspace with Name Total width of the typography is limited to the graphic size adding to logo on the both sides. Name height equally to 3-width-gap and Secondary height is equally to 2width-gap. The space from the logo to the type is equally to 2-width-gap, starting from the graphic clearspace.
CINCO TERRAS COFFEE
Clearspace with Name Total width of the typography is limited to the graphic size adding to logo on the both sides. Name height equally to 3-width-gap and Secondary height is equally to 2width-gap. The space from the logo to the type is equally to 2-width-gap, starting from the graphic clearspace.
CINCO TERRAS COFFEE
Logo and Padding Use in any case of social icon
The Minimum padding space, use half a vertical-logo graphic as the padding to the left and right edge. Top and bottom padding use a half horizontal-logo graphic.
Graphic Logo
Logo and Padding Use in any case of social icon
The Minimum padding space, use half a vertical-logo graphic as the padding to the left and right edge. Top and bottom padding use a half horizontal-logo graphic.
CINCO TERRAS COFFEE
Graphic Logo with Name
TYP OGR APHY
Typography
Serenity ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%&*(){}[]/\<>
The typeface is available on Adobe fonts https://fonts.adobe.com/fonts/serenity#about-section
Logo
R ‘ R ’ Typography - Serenity Bold
‘ R ’ of Serenity typeface has the curve and shape of the leg match the logo graphic curve
Typography Variation Serenity - Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Serenity - Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Serenity - Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Typography and Logo
Serenity - Bold Use Serenity Bold for both lines of name. Tracking of 145
Typography Usage HEADER Serenity - Bold All-Capital letter
HEADER Title Serenity - Medium Sentence-Case
Body Text Serenity - Light Sentence-Case
Title Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
COLOR
Color Overview
Color is used to interpret the mood and feel of the brand. It is important that color palette that will be used in the brand can communicate Elegant, Modern, Quality, and Approachable.
Primary Color These colours is primary used for the brand
HEX: #02133F RGB: 2 | 19 | 63 CMYK : 0.97| 0.70 | 0.00 | 0.75
HEX: #BE872D RGB: 190 | 135 | 45 CMYK : 0.00 | 0.29 | 0.76 | 0.25
HEX: #D77B5C RGB: 215 | 123 | 92 CMYK : 0.97 | 0.70 | 0.00 | 0.75
HEX: #598221 RGB: 89 | 130 | 33 CMYK: 0.32 | 0.00 | 0.75 | 0.49
Secondary Color These colours is secondary used. It must use with primary color and it only can be used, if the design has the legibility problem
HEX: #020425 RGB: 2 | 4 | 37 CMYK : 0.95| 0.89 | 0.00 | 0.87
HEX: #8B4E10 RGB: 139 | 78 | 16 CMYK : 0.00 | 0.44 | 0.88 | 0.45
HEX: #873942 RGB: 135 | 57 | 66 CMYK : 0.00 | 0.58 | 0.51 | 0.47
HEX: #FFFFFF RGB: 255 | 255 | 255 CMYK : 0.00 | 0.00 | 0.00 | 0.00
HEX: #E6B2A5 RGB: 230 | 178 | 165 CMYK : 0.00 | 0.23 | 0.28 | 0.10
HEX: #064D47 RGB: 6 | 77 | 71 CMYK: 0.92 | 0.00 | 0.08 | 0.70
Color Proportion These colours is secondary used. It must use with primary color.
50%
30%
Background/Base
Emphasized Content
5%
15%
Minor Details
USAGE
Primary Application
Master Logo
Primary Application
Master Logo
Primary Application
Secondary Logo
Primary Application
Secondary Logo
Monotone Application Use of dark blue and white color with primary colours only.
Duotone Application Use of duo color. It must include the primary color palette unless itâ&#x20AC;&#x2122;s black and white. Content must still contain the legibility with 2 chosen colors.
E L EMENTS
Elements
The Element is like an accent that make the total look of the brand design and materials completed. It also can make the differentiate of content section.
Line Use in emphasised or divide only, mainly use with header, title and minor details content
RE FFERENC E