Sociabowl Brand Manual

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.