The Porter Beer Bar Brand Manual

INTRODUCTION

1

B R A N D M A NU A L

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

2

TABLE OF CONTENTS

3

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

4

I NT RODUCT ION

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.

5

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

6

LOGO CONFIGURATIONS POSITIONING & PROPORTIONS COLOR APPLICATIONS UNACCEPTABLE USAGE 7

TH E P O RTE R BE E R BA R BRA N D M A N UA L

LOGO CONFIGURATIONS

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

Primary Logo

Primary Logo Inverse

Secondary Logo

Secondary Logo Inverse

8

POSITIONING AND PROPORTIONS

1/5W

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).

W

1/5W

1/5W

1/5W

1/5W

1/5W

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.

W

1"

1/5W

1/5W

1/5W

1/5W 1/5W

9

1/5W

TH E P O RTE R BE E R BA R BRA N D M A N UA L

COLOR APPLICATIONS

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 Black Pantone Black U 100%

Porter White White/Paper 100%

Porter Creme Pantone 7500 U 100%

TH E P ORT E R B E E R B A R B R AND MANUAL

10

UNACCEPTABLE USAGE OF PRIMARY LOGO

Consistent and correct use of the Porter Beer Bar logo is an important 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.

11

DO NOT OUTLINE THE LOGOTYPE.

DO NOT ADD ADDITIONAL WORDS TO THE LOGO.

TH E P O RTE R BE E R BA R BRA N D M A N UA L

UNACCEPTABLE USAGE OF PRIMARY LOGO

DO NOT MOVE OR RESIZE THE LOGO BRAND SYMBOL.

TH E P ORT E R B E E R B A R B R AND MANUAL

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.

12

UNACCEPTABLE USAGE OF SECONDARY LOGO

Consistent and correct use of the Porter Beer Bar logo is an important part of building brand integrity, equity, and unity. These guidelines will show examples of incorrect use of the secondary 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.

13

TH E P O RTE R BE E R BA R BRA N D M A N UA L

UNACCEPTABLE USAGE OF SECONDARY LOGO

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

14

DO NOT CHANGE SPACING OF LOGOTYPE.

UNACCEPTABLE USAGE OF LOGO WITH PHOTO

DO NOT PLACE A PHOTO IN THE LOGO

DO NOT PLACE INVERTED LOGO ON LIGHT PHOTO

DO NOT PLACE LOGO ON TOP OF TEXT

DO NOT PLACE LOGO ON TOP OF PEOPLE

15

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

16

FONTS TEXTURes COLORS

17

TH E P O RTE R BE E R BA R BRA N D M A N UA L

FONTS

PRIMARY TYPEFACE PORTER TYPE

SECONDARY TYPEFACES WINDSOR HAND

abcde f gh i jk lmn o p q r s t u v w xy z ?!

FUTURA FONT FAMILY

Futura Std Light

Futura Std Medium

a b c d ef g h i j k lm n o pqrstu v wxyz A B C D E F G H IJ KLMNO P Q R S TU V WXYZ 0 1 2 3 4 5 6789!@ # $% ^&*( ) ”|< >?

abc defghijk lmnopqrst u vw xy z A BCDEFGHIJKLMNO PQR S T UV W XY Z 0 1 2 3 4 5 6 7 8 9 ! @# $ % ^ & * ()”|<>?

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

TH E P ORT E R B E E R B A R B R AND MANUAL

18

TEXTURE AND COLOR SWATCHES

Porter Beer Barâ&#x20AC;&#x2122;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.

CHIPBOARD

WOOD

WATER COLOR PAPER

Texture

Texture

Texture

PORTER CREME

PORTER WHITE

PORTER BLACK

on Chipboard texture

on Wood texture

on Watercolor Paper texture

19

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

20

BUSINESS CARD SPECIALTIES POSTCARD TO-GO MENU

21

TH E P O RTE R BE E R BA R BRA N D M A N UA L

PREMIUM BUSINESS CARD

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

22

CONVENTIONAL BUSINESS CARD

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.

23

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TRIVIA FLYER SPECS

3.5¨

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.

5¨

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

24

TRIVIA FLYER

25

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TO-GO MENU

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.

6.75¨

When completely folded out, the front of the menu displays the logo, imagery, and information 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 return. 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.

TH E P ORT E R B E E R B A R B R AND MANUAL

26

LOGO CONF POSITIONING COLOR APPL

FIGURATIONS G & PROPORTIONS LICATIONS

TO-GO MENU

27

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TO-GO MENU

TH E P ORT E R B E E R B A R B R AND MANUAL

28

TO-GO BOX TO-GO BAG MATCHBOX COASTER SET 29

TH E P O RTE R BE E R BA R BRA N D M A N UA L

LARGE TO-GO BOX SPECS

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

30

SMALL TO-GO BOX & STICKER SPECS

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.

31

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TO-GO BAG SPECS

8”

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.

2.65”

3”

The imageries used in this handdrawn 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).

6”

12”

4”

TH E P ORT E R B E E R B A R B R AND MANUAL

32

TO-GO BOX & BAG

33

TH E P O RTE R BE E R BA R BRA N D M A N UA L

MATCHBOX SPECS

.3” 2” 2¨

2”

.3”

.3” .3”

0.3¨ .3” 0.35¨ .35”

2¨

1.5”

1.5¨

1.5”

4¨ 4”

2” 0.35¨ .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.

1.5¨ 1.5”

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¨ 2”

TH E P ORT E R B E E R B A R B R AND MANUAL

34

MATCHBOXES

35

TH E P O RTE R BE E R BA R BRA N D M A N UA L

COASTER SPECS .15”

.15” .375”

4”

.15”

.375”

.375”

.15”

.375”

2.5”

4”

.375”

4”

.15”

.375”

.375”

.375” .15”

.15”

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

.15”

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.

36

COASTERS

37

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

38

Chalkboard signage uniform BEER truck

39

TH E P O RTE R BE E R BA R BRA N D M A N UA L

CHALKBOARD SIGNAGE SPECS

24¨

The Porter Beer Specials chalkboard menu is 24 by 36 inches. It has a dark wooden frame and has a semipermanent 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).

36¨

20¨

20¨

TH E P ORT E R B E E R B A R B R AND MANUAL

40

UNIFORM SPECS

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.

41

TH E P O RTE R BE E R BA R BRA N D M A N UA L

BEER TRUCK SPECS

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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;s logo, once again reinforcing the authenticity that we have created for their brand.

TH E P ORT E R B E E R B A R B R AND MANUAL

42

BEER TRUCK ENVIRONMENT

43

TH E P O RTE R BE E R BA R BRA N D M A N UA L

TH E P ORT E R B E E R B A R B R AND MANUAL

44

PRINT ADVERTISEMENTS WEBSITE BEER APPLICATION

45

TH E P O RTE R BE E R BA R BRA N D M A N UA L

PRINT ADVERTISEMENTS

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

46

PRINT

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.

47

TH E P O RTE R BE E R BA R BRA N D M A N UA L

PRINT ADVERTISEMENTS

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

48

PRINT

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â&#x20AC;&#x2122;s advantage.

49

TH E P O RTE R BE E R BA R BRA N D M A N UA L

WEBSITE

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.

TH E P ORT E R B E E R B A R B R AND MANUAL

50

WEBSITE

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

51

TH E P O RTE R BE E R BA R BRA N D M A N UA L

WEBSITE

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

TH E P ORT E R B E E R B A R B R AND MANUAL

52

WEBSITE

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.

53

TH E P O RTE R BE E R BA R BRA N D M A N UA L

PORTER BEER APP

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â&#x20AC;&#x2122;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.

TH E P ORT E R B E E R B A R B R AND MANUAL

54

PORTER BEER APP

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.

55

TH E P O RTE R BE E R BA R BRA N D M A N UA L

©TH2014 TheE RPorter E P ORT B E E RBeer B A RBarB R AND

MANUAL

56