INTRODUCTION This Manual is created to assist brand managers in delivering consistent messages that builds the profile and value of the identity in the mind of its users and audience. BIBO’s corporate identity is the face and personality presented to the global and national community. It’s as important as the products and services provided. The total effect of BIBO logos, products, brand names, trademarks, advertising, brochures, and presentation is represented in the identity. The guidelines in this manual is also an important tool for governing the use of the identity by organizations in co-branding and sub-branding environments. Because BIBO brand cannot be compromised, we’ve created this guide to provide all the specifications you need to mantain its integrity.
TABLE OF CONTENT
CHAPTER 01 IDENTITY SIGNATURE
CHAPTER 02 SIGNATURE USAGE
•
R ATIONALE
•
•
MINIMUM SIZE
•
SIGNATURE
•
PRIMARY COLOR
STAGING & CLEAR
•
SECONDARY COLOR
SPACE
•
INCORRECT LOGO
•
ALTERNATE IDENTITY COMBINATION
C ORPORATE COLOR USAGE
USAGE
CHAPTER 03 GRAPHIC ELEMENT
CHAPTER 04 TYPOGRAPHY
CHAPTER 05 BASIC STATIONARY
CHAPTER 06 OTHER APPLICATION
•
ILLUSTRATION
•
PRIMARY TYPEFACE
•
CORPORATE
•
COMMENT CARD
•
BRAND CHARACTER
•
SECONDARY
•
N AME CARD
•
TABLEMAT &
•
BRAND PATTERN
TYPEFACE
•
RESTAURANT
TERTIARY TYPEFACE
•
N AME CARD
•
ORDER NOTES
•
LETTER HEAD
•
CILL BOOK & CLIPS
•
ENVELOPE
•
PACKAGING
•
FOLDER
•
MONEY VOUCHER
•
MENU BOOK
•
COASTER
CHAPTER 01
IDENTITY SIGNATURE From ancient God story in china, BIBO is a God Monster with intelligence. In mandarin BIBO means Forced Wave. BIBO offers a casual neighbourhood dining experience with a vast and various menu items, from lite bite like popcorn chicken to open rice dishes, noodle, Flavour Tea, Taiwanese beer, and Honey toast bread.
RATIONALE BIBO logo captures the characteristic of its unique dining experience. The logotype showcases the fun and jolly world of Bibo, the logogram represents the modern oriental culture.
Bibo as a brand needs to breathe and live by this philosophy: adventurous, quirky, fun and innovative.
01
Logogram
Logotype
02
18 mm
20mm
MINIMUM SIZE The minimum logo size of the main Signature is 18 mm wide, and 20mm in length. For sizes smaller than this requirement, the legibility of the unified signature will decrease. Hence, it is important to always keep the minimum size in order to maintain the legibility and readibility.
03
5X
6X 0.5X
X
PRIMARY SIGNATURE The primary signature is the preferred version. It should be used
The minimum clear space is a distance of “O”character from the
whenever possible or when the available space is limited.
world “BIBO” surrounding each side of the identity. Note that the clear space will change depending on the size of the identity.
It is essential that the identity remain free of graphics, photography, typography, and other elements. The BIBO identity must always be the most legible and viewable element in any given graphic space.
04
12X
3X
X Alternate Combination 01
SECONDARY SIGNATURE The secondary signature is wider than the primary signature.
This smallest size usage should be considered for special cases
Thus, it is applicable when a wider space is available. It is also
only, where the space is limited. For sizes smaller than this
applicable when the logo type & logogram applied independently.
requirement, the legibility of the unified signature will decrease.
Each of secondary signature combination have their own
Never reproduce the symbol at the minimum size when more
minimum size. The minimum logo size for combination 01 is 23
space is available.
mm length, for combination 02 is 18 mm length , and for combination 03 is 4 mm length.
05
23 mm
Combination 01 Minimum Size
18 mm
Combination 02 Minimum Size
4 mm
Combination 03 Minimum Size
06
CHAPTER 02
SIGNATURE USAGE To maintain the consistency of BIBO identity, There are several rules that must be followed such as; the color usage (applications & combinations) when creating Bibo signature, Primary & secondary color, and the unacceptable usages that may alter the brand image or create inconsistencies in conveying the brand message.
CORPORATE COLOR USAGE These are the best signature color usage applications and combination. When creating Bibo signature, use the colors specified on this page.
These alternative logo colors can be used as needed. Do not change the relationship of this color combinations in all situation. Use only official color combination that showed on this pages of Brand Guideline.
07
White BIBO on Yellow Background
White BIBO on Turkish Background
Deep Brown BIBO
08
TC 0315 C: 83
M: 35
Y: 98 K: 0
R: 233 G: 170 B: 38
TC 3711 C: 48
M: 80
Y: 90 K: 40
R: 58 G: 50 B: 40
Y: 24 K: 0
R: 131 G: 195 B: 196
TC 5906 C: 80
M: 6
TC WHITE C: 12
M: 4
Y: 7 K: 0
R: 221 G: 231 B: 231
PRIMARY COLOR These are the primary color usage to create the Bibo identity. Spot color printing is the prefered option and should be used as often as possible because only spot color can reproduce the best color.
The BIBO logo can also be produced in CMYK (Cyan, Magenta, Yellow, Black) for printing. RGB (Red, Green, Blue) for computer screen display
09
TC 1311 C: 11
M: 31
Y: 33 K: 0
R: 225 G: 180 B: 161
TC 1312 C: 17
M: 33
Y: 33 K: 1
R: 158 G: 158 B: 158
Y: 42 K: 0
R: 208 G: 137 B: 131
TC 2607 EC C: 41
M: 53
TC 1307 C: 25
M: 41
Y: 41 K: 5
R: 135 G: 135 B: 135
Y: 86 K: 23
R: 153 G: 15 B: 41
TC 2607 EC C: 45
M: 100
TC 8061 C: 19
M: 47
Y: 47 K: 13
R: 115 G: 115 B: 115
Y: 18 K: 0
R: 205 G: 182 B: 188
TC 2607 EC C: 56
M: 27
TC 8062 C: 39
M: 43
Y: 36 K: 2
R: 159 G: 140 B: 144
SECONDARY COLOR These are the Secondary color usage to creat the Bibo identity, especially illustration. Spot color printing is the prefered option and should be used as often as possible because only spot color can reproduce the best color.
The BIBO logo can also be produced in CMYK (Cyan, Magenta, Yellow, Black) for printing. RGB (Red, Green, Blue) for computer screen display
10
TC 0312 C: 6
M: 5
Y: 67 K: 0
R: 244 G: 227 B: 116
TC 0313 C: 11
M: 11
Y: 31 K: 0
R: 239 G: 221 B: 181
M: 2
Y: 4 K: 0
R: 206 G: 230 B: 238
11
TC 0712 C: 12
M: 31
Y: 54 K: 0
R: 209 G: 173 B: 129
M: 0
Y: 5 K: 0
R: 194 G: 230 B: 238
Y: 78 K: 0
TC 0713 C: 9
M: 10
Y: 45 K: 14
R: 192 G: 187 B: 139
M: 4
Y: 30 K: 0
R: 152 G: 203 B: 188
Y: 93 K: 0
TC 8405 C: 40
M: 1
Y: 80 K: 0
R: 163 G: 205 B: 98
TC 3711 C: 41
M: 35
R: 230 G: 169 B: 52
TC 8201 C: 15
TC 3001 C: 22
M: 34
R: 225 G: 171 B: 85
TC 8111 C: 19
TC 2901 C: 18
Y: 77 K: 0
R: 231 G: 204 B: 91
TC 5901 C: 6
M: 15
TC 3102 C: 52
M: 13
Y: 22 K: 0
R: 123 G: 183 B: 192
TC 0516 C: 23
M: 42
Y: 96 K: 3
R: 195 G: 146 B: 53
TC 0906 C: 17
M: 1
Y: 40 K: 10
R: 165 G: 197 B: 158
M: 58
Y: 53 K: 33
R: 78 G: 80 B: 84
TC 0918 C: 39
M: 29
Y: 54 K: 5
R: 108 G: 145 B: 126
M: 59
Y: 54 K: 34
R: 59 G: 80 B: 84
Y: 87 K: 36
TC 1009 C: 41
M: 33
Y: 56 K: 9
R: 100 G: 133 B: 116
M: 57
Y: 60 K: 40
R: 73 G: 75 B: 72
Y: 94 K: 49
TC 41116 C: 90
M: 34
Y: 94 K: 27
R: 0 G: 103 B: 58
TC 5316 C: 66
M: 71
R: 95 G: 55 B: 23
TC 8189 C: 63
TC 3609N C: 76
M: 65
R: 116 G: 75 B: 43
TC 8188 C: 61
TC 5706 C: 67
Y: 100 K: 5
R: 198 G: 83 B: 36
TC 8162 C: 30
M: 80
TC 5406 C: 69
M: 56
Y: 60 K: 40
R: 68 G: 75 B: 73
12
INCORRECT LOGO USAGE These are a few example of unacceptable usages that may alter the brand image or create inconsistencies in conveying the brand message. Correct and consistent use of Bibo identity will establish and maintain the strength of Bibo brand.
Never alter the logo or logotype with graphic treatments out of what this Identity guidelines already explained.
13
01. Do not stretch the logo
02. Do not wrap the logo
03. Do not outline the logo
04. Do not create outline around the logo
BI B O 06. Do not use other typeface
06. Do not use shadow around the logo
14
CHAPTER 03
GRAPHIC ELEMENT A brand also need to be maintained from every aspect possible to highlight the identity, including the graphic system. Our Super graphic devided into illustration and pattern and can be adapted in all media of Bibo to keep the consistency of our brand.
ILLUSTRATION Illustration is one of the main graphic element used to highlight and complete BIBO Identity. When using illustration as graphic element, be aware of the role of the color in creating and capturing emotions. It must be contrasted against the background.
The Illustration can be modified as needed in particular occasion or atmosphere.
15
16
BRAND CHARACTER Identity also need to be maintain from every aspect possible to highlight the identity, including character which can be used for graphic elements. The character can be modified as needed in particular occasion or atmosphere.
Please refers to provide file to maintain the consistency.
BIBO
17
PUPA
PINO
PONG PONG
18
BRAND CHARACTER Identity also need to be maintain from every aspect possible to highlight the identity, including character which can be used for graphic elements. The Character can be modified as needed in particular occasion or atmosphere.
Please refers to provide file to maintain the consistency.
IGGY
19
ZIG ZAG GROUP
GUS GUSS
GUSTAV
20
Pattern Explanation
BRAND PATTERN Pattern also one of the main graphic element used to highlight and complete BIBO Identity. Bibo Pattern created from the square and line lement of it’s logogram. When using pattern as graphic element, be aware of the role of the pattern size and cutting. It must be connected on every dise of the items.
The pattern combination can be modified as needed in particular occasion or atmosphere.
21
Brand Pattern 01
Brand Pattern 02
Color Variation
Pattern Format
22
CHAPTER 04
TYPOGRAPHY A consistent use of typography is essential to the integrity of BIBO brand. There are several typefaces that used to create the whole look of BIBO. Use only official typeface provided within this Identity Guideline, do not use a typeface other than those provided here.
PRIMARY TYPEFACE Typefaces are selected to showcase and highlight the identity. It is important to apply these typeface properly and consistently across all media to maintain a unified brand image.
Our primary typeface used as identity is Gotham. This primary typefaces are best reflect the tone of BIBO and applied on major application like basic stationary, and body text of document.
23
GOTHAM - BOOK A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 12 3 456 7 89! @#$%^& * ()_ + = {}|[] \ :“<>?;‘ , . /
GOTHAM - MEDIUM ITALIC A BCD EF GHIJKLMNOP QRSTUVWX Y Z ab cd e f g hij klm no p q rs t uvw xyz 0 1234 5 6789!@#$%^&* ()_ + = {} |[] \ : “ <>? ; ‘ , . /
GOTHAM - BOLD ABC DE FG HIJKLMNO P Q RS TUVWXY Z a bcde f gh i j k l m n opqr st u v w xy z 01 23 4 5 6789 !@#$ %^&* ()_ + = {}| [] \ : “ <>? ; ‘,./
GOTHAM - BOLD ITALIC ABC D EFG HIJKLMNOPQRSTUVWX YZ a bcdefg h i jk l mnopqr s t u vwx yz 01 23 45 6789!@ # $%^&* ()_ += {}| [] \ : “<>? ; ‘ , . /
GOTHAM - BLACK ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
24
SECONDARY TYPEFACE Typefaces are selected to showcase and highlight the identity. It is important to apply these typeface properly and consistently across all media to maintain a unified brand image.
Our secondary typeface used as identity is Archer. This secondary typefaces also reflect the tone of BIBO and used as the primary typeface combination. This typeface applied in minor situation like contact info, and address info.
25
ARCHER - BOOK ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
ARCHER - BOOK ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
ARCHER - SEMI BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
ARCHER - BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
ARCHER - BOLD ITALIC ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
26
TERTIARY TYPEFACE Typefaces are selected to showcase and highlight the identity. It is important to apply these typeface properly and consistently across all media to maintain a unified brand image.
Our tertiary typeface used as identity is Aboutface, Cafeteria and Amarelinha. this tertiary typefaces also reflect the tone of BIBO. This typeface applied in minor situation and used as decorative element on the application.
27
ABOUT FACE - REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
CAFETERIA - REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
CAFETERIA - BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+={}|[]\:“<>?;‘,./
AMARELINHA - MEDIUM
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( ) _ + = { } | [ ] \ : “ < > ? ; ‘ , . /
AMARELINHA - BOLD
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( ) _ + = { } | [ ] \ : “ < > ? ; ‘ , . /
28
CHAPTER 05
BASIC STATIONARY Our basic stationary consist of Corporate name card, restaurant name card, tetter head, envelope, and folder to store items. Basic Stationary is one of the media that leaves the first impression upon receival. Therefore it is important to maintain a consistent look that represent BIBO identity.
CORPORATE NAME CARD 01 OBJECT SIZE
: 50 mm x 85 mm
FULL NAME
: Gotham ; Black ; 7.5pt
JOB DESCRIPTION : Gotham ; Medium Italic ; 7pt MOBILE PHONE
: Archer ; Semi Bold ; 7pt
COMPANY NAME
: Gotham ; Black ; 7.5pt
ADDRESS
: Archer ; Semi Bold ; 7pt
CONTACT TITLE
: Gotham ; Bold ; 7.5pt
CONTACT DETAILS : Archer ; Semi Bold ; 7pt WEBSITE
29
: Gotham ; Bold Italic ; 7.5pt
12 mm
12 mm
8 mm
8 mm
8 mm
10 mm
30
16.3 mm
8 mm
8 mm
18 mm
RESTAURANT NAME CARD OBJECT SIZE
: 60 mm x 60 mm
COMPANY NAME
: Gotham ; Black ; 7.5pt
ADDRESS
: Archer ; Semi Bold ; 7pt
CONTACT TITLE
: Gotham ; Bold ; 7.5pt
CONTACT DETAILS : Archer ; Semi Bold ; 7pt WEBSITE
31
: Gotham ; Bold Italic ; 7.5pt
8 mm
22 mm
30 mm
12 mm
15 mm
LETTER HEAD OBJECT SIZE
: 297 mm x 210 mm
COMPANY NAME
: Gotham ; Black ; 8pt
ADDRESS
: Archer ; Semi Bold ; 8pt
CONTACT TITLE
: Gotham ; Bold ; 8pt
CONTACT DETAILS : Archer ; Semi Bold ; 8pt WEBSITE
: Gotham ; Bold Italic ; 8pt
BODY TEXT
: Gotham ; Book ; 8pt
32
12 mm
15 mm
12 mm
ENVELOPE OBJECT SIZE
: 110 mm x 220 mm
COMPANY NAME
: Gotham ; Black ; 7.5pt
ADDRESS
: Archer ; Semi Bold ; 7pt
CONTACT TITLE
: Gotham ; Bold ; 7.5pt
CONTACT DETAILS : Archer ; Semi Bold ; 7pt WEBSITE
33
: Gotham ; Bold Italic ; 7.5pt
15 mm
18 mm
45 mm
FOLDER OBJECT SIZE
: 230 mm x 320 mm
WEBSITE
: Gotham ; Bold Italic ; 8pt
34
CHAPTER 06
OTHER APPLICATION Beside its basic stationary, there are several items such as comment card, money voucher, table mat, coaster, bill book, and packaging that help to create BIBO identity. It is important to maintain the consistents look of this complementary items.
ABOUT THE APPLICATION This page will demonstrates the correct and standardized format of Bibo complementary items. The guidelines should be followed to maintain consistency throughout BIBO correspondences.
Use only the format provided in this guideline.
35
36
Comment Card 01 Cover
COMMENT CARD OBJECT SIZE
: 160 mm x 165 mm
HEADLINE
: Amarelinha ; Bold ; 25pt
DATE
: Archer ; Bold ; 6pt
TIME
: Archer ; Bold ; 6pt
SURVEY TITLES
: Gotham ; Bold ; 8pt
QUALITY DETAIL
: Gotham ; Bold ; 5pt
SURVEY DETAILS : Archer ; Bold ; 6pt WEBSITE
37
: Gotham ; Bold Italic ; 8pt
Comment Card 01 Inside
Comment Card 02 Cover
Comment Card 02 Inside
38
MONEY VOUCHER OBJECT SIZE
: 100 mm x 155 mm (Cover)
TERMS & CONDITION : Gotham Condensed ; Book ; 29pt
39
EXPIRY DATE
: Gotham Condensed ; Medium ; 14pt
BODY COPY
: Gotham ; Book ; 7pt
NUMBER
: Gotham ; Bold ; 7pt
WEBSITE
: Gotham ; Bold Italic ; 8pt
NOMINAL
: Amarelinha ; Bold ; 70pt
TABLEMAT & COASTER OBJECT SIZE
: 370 mm x 267 mm (Table Mat)
120 mm x 120 mm (Coaster)
40
Bill Book Cover
BILL BOOK & CLIP
41
OBJECT SIZE
: 145 mm x 220 mm (Bill Book Closed)
290 mm x 220 mm (Bill Book Open)
180 mm x 90 mm (Bill Clip)
THANK YOU
: Gotham ; Black ; 45pt
Bill Book Inside
Bill Clip
Insertion Instruction
42
Open Packaging Outside
PACKAGING OBJECT SIZE
: 225mm x 170mm
This pages displaysand demonstartes the look of the packaging and how to use it to wrap take away food.
43
Open Packaging Inside
Wraping Instruction
Wraping Result
44
www.no ot e andnetoo. c om