Sociabowl Brand Manual
brand manual
2
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
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
6
7
Brand Identity
brand positioning
logo meaning
Value Proposition
Meaning Behind the Mark
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.
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
Tone & Manner Comfortable Inviting Conversational Social Interactive
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
8
The circular form of the logo represents to shape of the serving main dish; a bowl
9
Sociabowl Brand Manual
Brand Identity
logotype Primary Logo The primary logo should be utilized as the main logotype and should be used with the Sociabowl color scheme.
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
Secondary Logo
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
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
11
Sociabowl Brand Manual
Brand Identity
logo spacial relationship
logo scale
Spacial Relationship
Minimum Size Requirement
On all variations of the Sociabowl logo the space around must be equal to the size of the Sociabowl O.
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”.
2”
1”
12
1”
13
Sociabowl Brand Manual
Brand Identity
logo orientation
illustrations
-15°
Primary Logo
Appropriate Illustrations
Sociabowl’s primary logo may be shown at a -15 degree angle.
Add these illustrations to any of the brand touchpoints to add fun spirit. Available for download: Sociabowl_Illustrations.zip
2pt Line Weight
Plain Text Sociabowl’s plain text logo must never be shown on an angle.
180° 14
15
Sociabowl Brand Manual
Brand Identity
color palette
backgrounds
Color Usage
Background Color
The branding palette is what gives Sociabowl the personality and integrity we strive for; bold, friendly, inviting.
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.
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
17
Sociabowl Brand Manual
Brand Identity
logo misuse Stretching
Color
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.
The logo must remain the same colors as in the color scheme unless approved due to other circumstances.
mix it up
Strokes
Added Effects
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.
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
18
p mix it u
mix it up
19
Sociabowl Brand Manual
Sociabowl Brand Identity Brand Manual
typography Type Styles
Type Specifications
Milkshake and Sunday Quotes are the two primary typefaces of Sociabowl and are key to portraying the friendly personality of Sociabowl.
When using Sociabowl type styles, use the following specifications as guidelines for type use:
Milkshake 20/24
Body Copy – Avenir Light 9/11
AB CDE FGHIJKLMN OP QRS T UV WX Y Z abcdefghijklmnopqrstuvwxyz 123456789!?
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.
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
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
23
Sociabowl Brand Manual
Electronic Media
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
Apple Watch Extension
fu n
When leaving Sociabowl, visitors are alerted to share their experience through various social media sites.
mix it up ashley did!
take me there
Lock-up Action Buttons Social Media Integration
Social Media Integration
24
25
Sociabowl Brand Manual
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
27
Sociabowl Brand Manual
Electronic Media
interface Desktop The interface for Sociabowl must integrate illustrations and lock ups to represent the fun, friendly tone of Sociabowl.
28
29
Sociabowl Brand Manual
Electronic Media
interface cont. Mobile The interface for Sociabowl must integrate illustrations and lock ups to represent the fun, friendly tone of Sociabowl.
30
31
Sociabowl Brand Manual
Electronic Media
interactive table
Menu
Confirmation
Games
Life Feed Sharing
Check Out
Thank You
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.
Hand Draw Illustrations
Corner Radius 1p0
Welcome
32
33
Takeaways Collateral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Takeaways Sociabowl Brand Manual
Sociabowl Brand Manual
collateral Staff Shirts
Chopsticks
These will be the shirts that Sociabowl workers will be wearing. The back graphic reminds the customers to share their experience with #besociabowl
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 bowls.
Napkins These bar napkins will be placed on the table to extend the conversation.
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
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