brand manual
2
Sociabowl Brand Manual
brand manual
3
Sociabowl Brand Manual Sociabowl Brand Manual
Brand Identity Brand Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Logo Meaning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Logotype . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Logo Spacial Relationship . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Logo Scale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Logo Orientation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Illustrations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Color Palette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Logo Misuse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Typography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Electronic Media Social Applications. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Live Feed . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Interactive Table . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Takeaways Collateral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 5
6
Brand Identity Brand Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Logo Meaning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Logotype . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Logo Spacial Relationship . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Logo Scale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Logo Orientation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Illustrations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Color Palette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Backgrounds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Logo Misuse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Typography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
77
brand positioning Value Proposition We provide an environment that easily allows for mixing up exploding flavors as well as connecting new and old conversations all while providing the latest technology to enhance the overall experience.
Tone & Manner Comfortable Inviting Conversational Social Interactive
8
Brand Identity
logo meaning Meaning Behind the Mark The logo was developed by considering the core values of Sociabowl which include providing a social environment, a friendly atmosphere, and the opportunity to mix up flavors within our bowls. The action lines projecting off the “Socia” portray conversation
The typeface Milkshake provides the friendly, free-spirited feel that Sociabowl strives for
Sociabowl’s tag-line reinforces the freedom of mixing up flavors and new conversations
The circular form of the logo represents to shape of the serving main dish; a bowl
9
Sociabowl Brand Manual
logotype Primary Logo The primary logo should be utilized as the main logotype and should be used with the Sociabowl color scheme.
Secondary Logo Secondary logos can be used when represented on a small scale where the tag-line in the primary logo is unreadable, or when in need of another color variation from black in the Sociabowl yellow.
10
Brand Identity
Plain Text The plain text of Sociabowl can also be sued as a logotype. Colors must still be within the Sociabowl color scheme and the same Milkshake typeface.
Lock-up Action Buttons Action button lock-ups are used in areas where click-able actions are necessary. These buttons are also done within the Sociabowl color scheme and typefaces.
the fun & flavors
11
Sociabowl Brand Manual
logo spacial relationship Spacial Relationship On all variations of the Sociabowl logo the space around must be equal to the size of the Sociabowl O.
12
Brand Identity
logo scale Minimum Size Requirement
2”
Once the primary logo reaches a size of 1” or smaller switch to one of the secondary logos provided on page 8. The secondary logos must not be smaller than 1/2”.
1”
1”
13
Sociabowl Brand Manual
logo orientation
-15°
Primary Logo Sociabowl’s primary logo may be shown at a -15 degree angle.
Plain Text Sociabowl’s plain text logo must never be shown on an angle.
180° 14
Brand Identity
illustrations Appropriate Illustrations Add these illustrations to any of the brand touchpoints to add fun spirit. Available for download: Sociabowl_Illustrations.zip
2pt Line Weight
15
Sociabowl Brand Manual
color palette Color Usage The branding palette is what gives Sociabowl the personality and integrity we strive for; bold, friendly, inviting.
CMYK 4, 19, 91, 0 RGB 246, 202, 49 HEX #f6c931 PMS 128 U
16
CMYK 0, 0, 0, 50 RGB 147, 149, 152 HEX #939596 PMS 2335 U
CMYK 0, 0, 0, 100 RGB 0, 0, 0 HEX #000000
Brand Identity
backgrounds Background Color When placing the logo on an image, color or pattern, it is essential that there is enough contrast between the logo and the background. The logo should be easy to identity.
17
Sociabowl Brand Manual
logo misuse Stretching The logo should never be stretched or distorted in any way, if a different size logo is desired, resize the logo proportionally to appropriate size.
Strokes The logo should never be used with a stroke. If the logo needs to stand out then use another logo color variation or different color background.
mix it up
18
Brand Identity
Color The logo must remain the same colors as in the color scheme unless approved due to other circumstances.
mix it up
p mix it u
Added Effects The logo should never be sued with another added effect. There should be no added drop-shadow, outer-glow, inner-glow, etc.
mix it up
19
Sociabowl Brand Manual
typography Type Styles Milkshake and Sunday Quotes are the two primary typefaces of Sociabowl and are key to portraying the friendly personality of Sociabowl.
Milkshake 20/24
AB CDE FGHIJKLMN OP QRS T UV WX Y Z abcdefghijklmnopqrstuvwxyz 123456789!? Sunday Quotes 15/18
ABCDEFGHIJKLMNOPQRSTVWXYZ a b c d e fg h i j k l m n o p q r st u v w x y z 1 2 3 4 5 6 78 9 ! ? Avenir Light 13/16
AB C DEF GHI JKL M NO P Q RST VW X Y Z ab cde fgh ijklmnopqrstuvw x yz1 2 3 4 5 6 7 8 9 ! ?
20
Sociabowl Brand Identity Brand Manual
Type Specifications When using Sociabowl type styles, use the following specifications as guidelines for type use:
Body Copy – Avenir Light 9/11 Ebis acepudae sit omnisi adi vidibear fuga. Et utatiate venim laborio rehe oluptatium, quideli quaspic ienisquse atende nem. Et abo. Cum, ut ut es ditat omnissent, quibus cus, volente ratemporiant volenis quo officil in sim est rerci dolum lanis et utati con esequi totaquissi nemquid que porem aspicidis seque entesequibus sam. Niatium quisi sequid quatemp oribus, quasincium nonseque aut omnientus utem vendi dolor sequis dolupti niatem. Gia plibeatum libusanda dit omnitate nonsenist, voloreprendi de es nonest utem quias quiatur? Osantiumqui om consect otatem lacestiatis dolupta quossitis et magnam, consequ isciat torror ad quam vel ipis eosam qui quid maximperibus nonsequ aepudi test alitaque erit idus dolorit aspiciu restis consediam hariae. Osantiumqui ut consect otatem lacestiatis se quo.
Avenir Medium 11pt
Explore Flavors for You Avenir Medium 13pt
Make Connections Sunday Quotes 24pt
are you tangy? Sunday Quotes 34pt
are you spicy? 21
Electronic Media Social Applications. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Live Feed . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26 Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Interactive Table . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Sociabowl Brand Manual
social applications Apple Watch Attraction Notifications within the Apple Watch alert individuals by the use of beacons when within a set radius of Sociabowl. Notifications will direct viewers to the restaurant and will integrate social media.
Extension of Illustrations
your find &
vor fla
fu n
mix it up ashley did!
take me there
Social Media Integration
24
Electronic Media
Apple Watch Extension When leaving Sociabowl, visitors are alerted to share their experience through various social media sites.
Lock-up Action Buttons
Social Media Integration
25
Sociabowl Brand Manual
live feed Interactive Live Feed Wall Sociabowl’s live feed wall will be organic and implement motion. Customers will be posting while at Sociabowl and new images will constantly be popping up.
26
Sociabowl Brand Manual
27
Sociabowl Brand Manual
interface Desktop The interface for Sociabowl must integrate illustrations and lock ups to represent the fun, friendly tone of Sociabowl.
28
Electronic Media
29
Sociabowl Brand Manual
interface cont. Mobile The interface for Sociabowl must integrate illustrations and lock ups to represent the fun, friendly tone of Sociabowl.
30
Electronic Media
31
Sociabowl Brand Manual
interactive table Table Interface Once a customer sits down their interactive menu will appear in front of them. The interface allows customers to order food, play games, pay their bill and socialize through sharing. Welcome
32
Hand Draw Illustrations
Corner Radius 1p0
Electronic Media
Menu
Confirmation
Games
Life Feed Sharing
Check Out
Thank You
33
Takeaways Collateral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Sociabowl Brand Manual
collateral Staff Shirts These will be the shirts that Sociabowl workers will be wearing. The back graphic reminds the customers to share their experience with #besociabowl
Sweet
Personalized Staff Buttons Sociabowl staff will choose buttons based on their own flavor profiles to add personalization, evoke conversation, and add spirit to their uniform.
Spicy!
Everything but the kitchen sink!
To try new things
36
Takeaways Sociabowl Brand Manual
Chopsticks Customers will have the option to eat with chopsticks if they’re feeling skilled and adventurous.
To-Go Bags The to-go bags must be tall and skinny to allow easy stacking of the bowls.
Napkins These bar napkins will be placed on the table to extend the conversation.
37 37
Sociabowl 12363 S Main St. Seattle, WA 98104
Design and Development: Graphic Design Program College of Business Ferris State University Students: Natalie Dixon Jen Bancino Instructors: Tim Powers Alison Popp
Sociabowl Brand Manual
40