Bark! Bakery Style Guide

BAKERY B R A N D1 G U I D E L I N E B O O K L E T1

C

Contents LOGO

COLOR PALLETTE TYPOGRAPHY EXTRA ELEMENTS 3

3

Lo

ogo 5

Main Logo

BAKERY This is the main logo for Bark! Bakery. This logo will be used on most collateral. The logo is to remain one solid color but can be used in any of the primary brand colors.

6

Secondary Logo

This is the secondary logo for Bark! Bakery. This logo will be used in smaller circumstances.

It can be shown in any of the brand colors, but looks best in black or the Bark! Bakery white.

So good your dog will ask for them!

This is the tagline for Bark! Bakery. This should be used in a tasteful manner, such as the exterior and interior of the store, social media bios, and marketing collateral. Do not alter the wording or the spelling of the phrase whatsoever.

7

7

YES

BAKERY

BAKERY

BAKERY

Do resize the logo in proper proportions.

BAKERY

BAKERY Do use any of the primary brand colors for the logo (rust, navy, or white).

8

BAKERY

NO

BAK

E RY

Do not rotate the logo.

BAKERY Do not stretch it horizontally or vertically.

BAKERY Do not add a drop shadow.

BAKERY Do not remove parts of the logo.

Do not bevel or emboss.

BAKERY Do not bevel or emboss.

Do not use gradients.

Most importantly, do not alter the logo in any way. This includes adding or removing elements, changing the font, changing the kearning or leading, and much more.

9

9

Minimum Size

1” WIDE

1/5” WIDE

1/5” HIGH BAKERY

Making the Bark! Bakery logo too small can hinder the logo’s effectiveness. Never use the main logo (left) smaller than 1” wide or the secondary logo (right) smaller than 1/2” wide.

10

BAKERY

BAKERY BAKERY

BAKERY

BAKERY

BAKERY BAKERY

BAKERY

Clear Space

BAKERY

Always maintain a clear space at least equal the width of “BAKERY” around all sides of the logo. This will help create breathing room to separate the logo from other elements like type, images, or other graphics so that the logo can have maximum visual impact.

11

11

Co

olor 13

Primary Colors Bark! Bakery

NAVY

Bark! Bakery

WHITE Bark! Bakery

RUST

C: 88 M: 71 Y: 48 K: 69

R: 12 G: 31 B: 47 #0b1e2e

C: 3 M: 2 Y: 2 K: 0

R: 244 G: 243 B: 243 #f3f3f3

C: 26 M: 72 Y: 86 K: 16

R; 166 G: 87 B: 53 #a65835

The Bark! Bakery logo, collateral, and more must always be printed in its primary colors: Navy, White, and Rust. On the next page, we explain how to tastefully use the secondary colors to add some flavor. Do not use any other colors: we want the bakery to look as consistent and professional as possible! If color printing isn’t possible, you must print in the one- color black logo on a white background.

14

Secondary Colors Bark! Bakery

TEAL

Bark! Bakery

MUSTARD

Bark! Bakery

GREY

C: 58 M: 15 Y: 9 K: 69

R: 37 G: 78 B: 96 #244e5f

C: 1 M: 20 Y: 63 K: 25

R: 196 G: 162 B: 93 #c4a15d

C: 57 M: 48 Y: 48 K: 25

R: 101 G: 102 B: 102 #646666

Teal, Mustard, and Grey are three accent colors with two additional approved tints 45% and 75%. These colors can be used sparingly to provide some contrast and spice.

15

15

Ty

ype 17

Viktor Script

Aa

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnopqrstucwxyz 1234567890 Viktor Script can be used for headlines and important phrases. Viktor Script should never be used in all caps and should be used at a higher point value (around 25) for readability.

18

Mr Eaves Mod OT

Aa LIGHT

REGULAR

BOLD

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnopqrstucwxyz 1234567890

Mr. Eaves Mod OT is the main font for Bark! Bakery. It can be used in light, regular, or bold weights. Using italics in this font is also another great option for contrast. Do not use “Mr. Eaves Sans OT” as this is not the same font and will clash if accidentally used.

19

19

Alignments YES

NO

This is left alignment. This can be used in most cases for the copy. You can also use left justified alignment!

Avoid using centered alignment. Bark! Bakery is an upscale brand, and centered alignment is very cheesy and low-budget looking.

This is justified alignment. This can be used in most cases for the copy. Never use hyphens!

20

Also, never use right alignment. The jagged left edges makes copy incredibly difficult to read.

Heirarchy 40 PT

25 PT

10 PT 12 PT 15 PT

HEADLINES CAN BE IN CAPS!

Unless You’re Using Viktor

SUBHEADS COULD BE IN CAPS & ITALICS Or bolded, lowercase italics.

Or Viktor if the headline is in Mr Eaves Copy text should be regular - not bolded, not italicized.

Copy should also be between 10-15 point font.

Copy should always be in Mr Eaves OT and NEVER Viktor Script.

It is important for there to be heirarchy in information, especially when it comes to type.

There needs to be a significant difference between headlines, subheadlines, and copy.

Keeping a buffer of AT LEAST a 5 point difference will create heirarchy automatically.

21

21

Ext

tras 23

Pattern

Shown above is the Bark! Bakery pattern. This pattern can be used tastefully on collateral and packaging. It can also be used for interior and exterior elements of the store. The pattern can be any of the brand colors, but should only be ONE whenever it is used (do not mix colors, make the bones a different color than the paws, etc). Also, be sure to not stretch or distort the pattern in any way.

24

Photos & Social Media

A strong social media presence is incredibly important in the success of Bark! Bakery. High quality photos and well designed graphics are essential for having a strong following.

Accounts such as @five_daughters_bakery and @chromeyellowtradingco on instagram have strong designs and layouts that Bark! Bakery should model after. The use of “stories� for behind-the-scenes and customer interaction are also incredibly important with establishing a connection with buyers.

25

25