the porter beer bar brand manual

56
BRAND MANUAL

Upload: anna-masuzawa

Post on 19-Mar-2016

231 views

Category:

Documents


2 download

DESCRIPTION

A brand manual created for The Porter Beer Bar, a local pub located in the epicenter of Atlanta, GA

TRANSCRIPT

Page 1: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L1

INTRODUCTION

B R A N D M A NU A L

Page 2: The Porter Beer Bar Brand Manual

2T H E P OR T E R B E E R BAR BRAND MANUA L

Page 3: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L3

T A B L E O F C O N T E N T S

Page 4: The Porter Beer Bar Brand Manual

4T H E P OR T E R B E E R BAR BRAND MANUA L

Page 5: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L5

Since the opening of The Porter Beer Bar in the fall of 2008, this pub has been famous for bringing in everyone from causal drinkers to beer connoisseurs, locally and nationally. The Porter Beer Bar is introducing a new brand identity that will capture the essence of beer drinking and tasting at its finest, as well as a casual atmosphere for those catching a break. The bar’s identity is a powerful asset. All of the brand elements reinforce the company’s personality, values, and uniqueness.

Inside, the brand manual outlines the requirements for expressing the brand identity, which include the business cards, collateral, package designs, or web apps. Anything being used to express the brand should fall under these guidelines.

These standards will show correct applications for spacing, colors, textures, and styles and should be properly communicated at all times.

I NT RODUC T I ON

Page 6: The Porter Beer Bar Brand Manual

6T H E P OR T E R B E E R BAR BRAND MANUA L

Page 7: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L7

LOGO CONF IG U RAT I ON SPO S I T I ON I NG & P RO PO R T I ON SCO LO R AP P L I CAT I ON SUNACC E P TAB L E U SAGE

Page 8: The Porter Beer Bar Brand Manual

8T H E P OR T E R B E E R BAR BRAND MANUA L

L O G O C O N F I G U R A T I O N S

There are two configurations of the Porter logo: primary and secondary. The the primary logo uses both the logotype and the brand symbol, and the secondary configuration only includes the “Porter” logotype without the brand symbol. In all cases possible, we strongly advise using the primary version of the logo.

The logos may be reversed out when presented on a dark background, as shown here. The inverses should not change from this state. The proportion and the positioning of the primary logo may not be altered in anyway.

Primary Logo

Secondary Logo

Primary Logo Inverse

Secondary Logo Inverse

Page 9: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L9

For optimal clarity and legibility, the Porter Beer Bar logo should be free of any interference within 1/5 (0.2) of the width (W).

The logotype and symbol should not be altered in any way, shape, or form. This also includes the space between the logotype and the symbol, and the size relationship between them. The brand symbol should always stay proportional to the logotype.

The minimum width for the logotype is 1". When the logo is reduced to this size, “BEER BAR EST 2008” become unreadable and should be replaced with a curved rule, as shown below, to maintain balance.

1"

1/5W

1/5W

1/5W

1/5W

1/5W1/5WW

1/5W

1/5W

1/5W

1/5W

1/5W 1/5W

W

P O S I T I O N I N G A N D P R O P O R T I O N S

Page 10: The Porter Beer Bar Brand Manual

10T H E P OR T E R B E E R BAR BRAND MANUA L

C O L O R A P P L I C A T I O N S

The Porter color palette consists of a monochromatic color scheme primarily black and white. This palette was created under thorough consideration and should not be altered in any way for consistency. The primary colors include Porter Black and Porter White, and the only secondary color is Porter Creme. These are the only colors that the Porter logo may be reproduced in.

Porter BlackPantone Black U 100%

Porter WhiteWhite/Paper 100%

Porter CremePantone 7500 U 100%

Page 11: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L11

Consistent and correct use of the Porter Beer Bar logo is an im-portant part of building brand integrity, equity, and unity. These guidelines will show examples of incorrect use of the primary logo.

DO NOT SKEW OR STRETCH THE LOGO. DO NOT TINT OR FADE THE LOGO.

DO NOT ADD A DROP SHADOW TO THE LOGO.

DO NOT OUTLINE THE LOGOTYPE.

DO NOT ADD ADDITIONAL WORDS TO THE LOGO.

U N A C C E P T A B L E U S A G E O F P R I M A R Y L O G O

Page 12: The Porter Beer Bar Brand Manual

12T H E P OR T E R B E E R BAR BRAND MANUA L

DO NOT MOVE OR RESIZE THE LOGO BRAND SYMBOL. DO NOT ALTER THE LOGO COLOR. DO NOT CHANGE TYPEFACE OF LOGO.

DO NOT BEVEL OR EMBOSS THE LOGO.DO NOT REMOVE “BEER BAR, EST

2008” FROM THE LOGO.

U N A C C E P T A B L E U S A G E O F P R I M A R Y L O G O

Page 13: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L13

U N A C C E P T A B L E U S A G E O F S E C O N D A R Y L O G O

DO NOT SKEW OR STRETCH THE LOGO. DO NOT TINT OR FADE THE LOGO.DO NOT ADD A DROP

SHADOW TO THE LOGO.

DO NOT OUTLINE THE LOGOTYPE.DO NOT ADD ADDITIONAL

WORDS TO THE LOGO.

Consistent and correct use of the Porter Beer Bar logo is an impor-tant part of building brand integrity, equity, and unity. These guide-lines will show examples of incorrect use of the secondary logo.

Page 14: The Porter Beer Bar Brand Manual

14T H E P OR T E R B E E R BAR BRAND MANUA L

U N A C C E P T A B L E U S A G E O F S E C O N D A R Y L O G O

DO NOT ALTER THE LOGO COLOR. DO NOT CHANGE TYPEFACE OF LOGO.

DO NOT BEVEL OR EMBOSS THE LOGO.DO NOT REMOVE “BEER BAR, EST

2008” FROM THE LOGO.

DO NOT CHANGE SPACING OF LOGOTYPE.

Page 15: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L15

U N A C C E P T A B L E U S A G E O F L O G O W I T H P H O T O

DO NOT PLACE A PHOTO IN THE LOGO

DO NOT PLACE LOGO ON TOP OF TEXT

DO NOT PLACE INVERTED LOGO ON LIGHT PHOTO

DO NOT PLACE LOGO ON TOP OF PEOPLE

Page 16: The Porter Beer Bar Brand Manual

16T H E P OR T E R B E E R BAR BRAND MANUA L

Page 17: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L17

FONT ST EXT U R e sCO LO R S

Page 18: The Porter Beer Bar Brand Manual

18T H E P OR T E R B E E R BAR BRAND MANUA L

F O N T S

a b c d e f g h i j k l m n o p q r s t u v w x y z ? !

SECONDARY TYPEFACES

WINDSOR HAND

abcdefghi jk lmnopqrs tuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()”|<>?

abcdefghi jk lmnopqrs tuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()”|<>?

PRIMARY TYPEFACE

PORTER TYPE

Futura Std Light Futura Std Medium

FUTURA FONT FAMILY

*Any font from the Futura Font family may be used for The Porter Beer Bar branding.

Page 19: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L19

T E X T U R E A N D C O L O R S W A T C H E S

Porter Beer Bar’s identity will feature specific types of textures including the Chipboard, Wood, and Water Color Paper textures. The textures are represented below and shown in use with the three Porter primary colors. These textures are provided for use on the accompanying Porter Beer Bar Brand Manual DVD.

CHIPBOARDTexture

WATER COLOR PAPERTexture

WOODTexture

PORTER CREMEon Chipboard texture

PORTER BLACKon Watercolor Paper texture

PORTER WHITEon Wood texture

Page 20: The Porter Beer Bar Brand Manual

20T H E P OR T E R B E E R BAR BRAND MANUA L

Page 21: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L21

B U S I N E S S CA R DS P E C IA L T I E S PO S TCA R DTO-GO MEN U

Page 22: The Porter Beer Bar Brand Manual

22T H E P OR T E R B E E R BAR BRAND MANUA L

The Porter Beer Bar Premium business card is used for special events and corporate communications. It is made of thin balsa wood with a black wrap-around label.

The balsa wood will be cut 3.5" x 2" and the black wrap will be cut 5.6" x 1.3". To assemble, wrap the black label around the business card evenly, leaving 0.35" on each side on the height of the card.

P R E M I U M B U S I N E S S C A R D

Page 23: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L23

C O N V E N T I O N A L B U S I N E S S C A R D

The Porter Beer Bar Conventional business card is for everyday use. It is designed with a simple, black and white aesthetic that reflects the Porter brand.

The dimensions are 3.5” x 2” and is printed one a thick card stock. The business card should not be printed on a glossy paper.

Page 24: The Porter Beer Bar Brand Manual

24T H E P OR T E R B E E R BAR BRAND MANUA L

T R I V I A F L Y E R S P E C S

The Trivia flyer is a double - sided collateral piece that serves as a Porter event promotion. The front side features a humorous illustration of Albert Einstein, a quote, and a header for “Trivia Thursdays” at The Porter. The back features all of the information about the event, hand-drawn illustrations, as well as the Porter logo and the bar’s contact information.

The flyer is 3.5” x 5” and serves as a communication tool for the bar by bringing in customers to participate in a Porter event. It’s a piece that will be distributed to patrons an encourages them to come back every week and join in on the fun.

3.5¨

Page 25: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L25

T R I V I A F L Y E R

Page 26: The Porter Beer Bar Brand Manual

26T H E P OR T E R B E E R BAR BRAND MANUA L

T O-G O M E N U

6.75¨

6.75¨

The Porter Beer To-go Menu is a two-sided pocket-size piece. It is a 6.75” square folded three ways. Each fold reveals a new piece of information, making for a fun experience. As with the rest of our branding, illustrations are found through-out the menu, giving a more genuine and fun quality.

When completely folded out, the front of the menu displays the logo, imagery, and infor-mation about The Porter Beer Bar specials and events. The back side is a condensed version of the menu, displaying starters, entrées, beer suggestions, and desserts.

This piece serves as a communication tool and helps spread the word about The Porter Beer Bar, while encouraging patrons to re-turn. One sections informs the reader about The Porter Truck, and another provides a scannable QR code that links to The Porter’s Beer IQ app.

LOGO CONFIGURATIONSPOS IT IONING & PROPORT IONSCOLOR APPL ICATIONSUNACCEPTABLE USAGE

Page 27: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L27

T O-G O M E N U

LOGO CONFIGURATIONSPOS IT IONING & PROPORT IONSCOLOR APPL ICATIONSUNACCEPTABLE USAGE

Page 28: The Porter Beer Bar Brand Manual

28T H E P OR T E R B E E R BAR BRAND MANUA L

TO-GO MENU

Page 29: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L29

TO-GO BOXTO-GO BAGMATCH BOXCOAS T E R S E T

Page 30: The Porter Beer Bar Brand Manual

30T H E P OR T E R B E E R BAR BRAND MANUA L

L A R G E T O-G O B O X S P E C S

The Porter Beer Bar will provide both medium (6” x 4.75“) and large (6” x 8”) take out boxes to accommodate for all types of food. Both will be made of leak proof and microwavable safe cardboard.

To stay consistent with the look and feel of the brand, we opted to use a recycled cardboard for the boxes. The box will stay plain and will use The Porter Beer Bar roll of tape to seal the box. The tape will complement the Porter Brand and will have to be used hand in hand with the box.

Page 31: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L31

S M A L L T O-G O B O X & S T I C K E R S P E C S

Accompanying the to go boxes is the Porter Beer Bar roll of tape. The tape is primarily used to wrap around a to go box and seal the contents inside. The design will be seamless and can be cut at any part.

Page 32: The Porter Beer Bar Brand Manual

32T H E P OR T E R B E E R BAR BRAND MANUA L

T O-G O B A G S P E C S

8”

4”

12”

2.65”

6”3”

The paper bag packaging must follow the dimension 2a x a x 3a. Furthermore, all bags must follow the respective ratio as the example shown above for the placement of the logo and the seamless pattern wrapping around the bag.

The imageries used in this hand-drawn pattern were inspired by what the Porter brand stand for--a traveler’s den-like beer bar, so we referenced some elements that stimulated that kind of theme. The suitcase and stamps represent traveling, and the more obvious beer, hop, and the barrels represent the beer bar side of Porter. Furthermore, we incorporated some imageries that have already been established within Porter in order to tie in the atmosphere of the environment as well (i.e. the actual lamps and mason jars used in the restaurant and the fish to represent the food we serve).

Page 33: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L33

T O-G O B O X & B A G

Page 34: The Porter Beer Bar Brand Manual

34T H E P OR T E R B E E R BAR BRAND MANUA L

M A T C H B O X S P E C S

0.35¨

0.3¨

1.5¨

1.5¨

0.35¨

The Porter match box is 1.5 inches in height, 2 inches in width, and 0.35 inches in thickness. The fold lines are indicated, and the white dashed line indicates where a cut should be made.

The upper template is the outside of the box, and the lower template is the drawer that holds the matches.

The logo is on the top of the box and a hand-drawn illustration is on the bottom. One side of the box shows the website link, and the other side has a strike pad. The drawer is black to give more contrast, and it has a match pattern on the bottom of the inside.

2”

1.5”

.35”

.35”

.3”

2”

4”

.3”

.3”2” .3”

.3”

2”

1.5” 1.5”

Page 35: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L35

M A T C H B O X E S

Page 36: The Porter Beer Bar Brand Manual

36T H E P OR T E R B E E R BAR BRAND MANUA L

C O A S T E R S P E C S

All coasters are 4 inch squares with rounded corners. The corner radius is 0.375 inches. The designs will be printed on textured paper on both sides, sandwiching a thin, water-absorbant material in the middle to ensure durability and functionality.

The Porter coasters consist of a dual sided design. The front side features the Porter logo, and the back side features a quote accompanied with a hand-drawn illustration. For the front side, the logo will be centered and sized at 2.5 inches. Each side will have a 0.15 inch margin on all sides, where a line border is in place. All illustrations and type must stay inside this margin.

.15”

.15”

4”.375”

.375”

4”

.15”

.15”

.375”

.375”

2.5”

.15”

.15”

.375”

.375”

4”

.15”

.15”

.375”

.375”

Page 37: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L37

C O A S T E R S

Page 38: The Porter Beer Bar Brand Manual

38T H E P OR T E R B E E R BAR BRAND MANUA L

Page 39: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L39

Chalk boar d s ignageun i fo rmB E E R t r u ck

Page 40: The Porter Beer Bar Brand Manual

40T H E P OR T E R B E E R BAR BRAND MANUA L

C H A L K B O A R D S I G N A G E S P E C S

20¨

20¨

36¨

24¨

The Porter Beer Specials chalkboard menu is 24 by 36 inches. It has a dark wooden frame and has a semi-permanent transfer (demonstrated in the first image). There is a 20 by 20 inch blank area where the daily or weekly specials can be written in chalk (the second image is provided as an example).

Page 41: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L41

U N I F O R M S P E C S

The Porter uniform consist of a Porter T-shirt and jeans. The Porter T-shirt comes in black with the white version of the secondary logo on the chest area. The Porter barrels are located on the left sleeve and the barley pattern seamlessly wraps around at the bottom on the front and back of the T-shirt. The barley pattern is printed in a metallic ink that reflects light.

Page 42: The Porter Beer Bar Brand Manual

42T H E P OR T E R B E E R BAR BRAND MANUA L

B E E R T R U C K S P E C S

The Porter Beer Truck is a huge advantage for the bar. It is used for various events and organizations sponsored or catered by The Porter. The truck an automatic bar top connected to the window that drops down for customers to order food and a beer. The truck also houses our chalkboard menu, reinforcing the brand’s hand-drawn aesthetic and showing the customers what The Porter has to offer that day. The drop down door on the back of the truck is made of wood and features the bar’s logo, once again reinforcing the authenticity that we have created for their brand.

Page 43: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L43

B E E R T R U C K E N V I R O N M E N T

Page 44: The Porter Beer Bar Brand Manual

44T H E P OR T E R B E E R BAR BRAND MANUA L

Page 45: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L45

P R I N T ADV E R T I S EM EN T SWEB S I T EB E E R AP P L I CAT I ON

Page 46: The Porter Beer Bar Brand Manual

46T H E P OR T E R B E E R BAR BRAND MANUA L

P R I N T A D V E R T I S E M E N T S

The three aspects of The Porter that the ads focus on are community, environment, and product. Each are important elements that will bring in customers and create a stronger, more cohesive brand. These will be used for magazine ads and flyers posted around Atlanta. They all feature photography, hand-drawn illustrations, and The Porter logo and typeface.

Page 47: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L47

P R I N T

With the community ads, the focus is on the sense of camaraderie that bar-goers share. It’s also used as somewhat of a “welcome” message, letting patrons know that The Porter is a place to meet friends and enjoy a beer in the process.

Page 48: The Porter Beer Bar Brand Manual

48T H E P OR T E R B E E R BAR BRAND MANUA L

P R I N T A D V E R T I S E M E N T S

The product ads focus on another big draw of The Porter: the food selection and extensive beer list. This displays a mouth-watering photograph of the bar’s infamous black bean burger, as well as a pairing of one of the Porter’s refreshing drafts.

Page 49: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L49

P R I N T

The environment ads focus on the location, Little Five Points, which is a huge part of The Porter brand. This Atlanta neighborhood represents the epicenter of youth culture and we wanted to use that to the bar’s advantage.

Page 50: The Porter Beer Bar Brand Manual

50T H E P OR T E R B E E R BAR BRAND MANUA L

W E B S I T E

The redesigned Porter website is a tile based website which scrolls side to side to view information. Aesthetics of the brand of black and white and the wood texture will be used.

The tiles are different sizes and depending on the importance of the information, the larger the tile will be.

Page 51: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L51

W E B S I T E

When you get to the home page, all tiles will be black and white and as you mouse over, it will turn full color. The dimension of the website is 1024 x 768

Page 52: The Porter Beer Bar Brand Manual

52T H E P OR T E R B E E R BAR BRAND MANUA L

W E B S I T E

When the Daily Specials tile is selected, the tile will expand while pushing the other tiles to the side. The page shows the daily specials of starters, mains, and desserts, and on the left is a picture slideshow of the food

Page 53: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L53

W E B S I T E

The About Us page shows information about the owners and employees. When you hover or click a face, it will show their information and reveal their face in color.

Page 54: The Porter Beer Bar Brand Manual

54T H E P OR T E R B E E R BAR BRAND MANUA L

P O R T E R B E E R A P P

Beer IQ by Porter Beer Bar is an interactive app created to engage frequent customers and invite new ones to play and win at The Porter. Once you download the app you will be quizzed on beer parings with some of The Porter’s most popular dishes. When you guess the correct pair, you advance a stage. The more stages advanced, the more you can win. This app allows customers to win up to 25% off.

Page 55: The Porter Beer Bar Brand Manual

T H E P OR T E R B E E R BAR BRAND MANUA L55

P O R T E R B E E R A P P

The Porter is founded upon creating a social environment for their patrons to meet and mingle. This Porter app was designed to build a relationship with their customers by encouraging interaction in and out of the bar. It encourages the patrons to get involved with the products and other people playing the app.

Page 56: The Porter Beer Bar Brand Manual

56T H E P OR T E R B E E R BAR BRAND MANUA L© 2014 The Porter Beer Bar