Sociabowl Brand Manual

Page 1


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


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.