INTRODUCTION
1
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
2
TABLE OF CONTENTS
3
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
4
INTRODUCTION
Since the opening of The Porter Beer Bar in the fall of 2008, this pub has been famous for bringing in causal drinkers to beer connoisseurs, locally and nationally. 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. Porter Beer Bar’s identity is a powerful asset. By implementing all of its pieces consistently across all touch points, we want to uphold and strengthen the brand to reinforce their personality, their values, and their uniqueness to their target audience. Inside, the brand manual outlines the requirements for expressing the brand identity, which are not limited to 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
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
6
LOGO CONFIGURATIONS POSITIONING & PROPORTIONS COLOR APPLICATIONS UNACCEPTABLE USAGE 7
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND MANUAL
Primary Logo
Primary Logo Inverse
Secondary Logo
Secondary Logo Inverse
8
POSITIONING AND PROPORTIONS
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).
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/5W
1/5W
1/5W
1/5W
1/5W
W
1"
1/5W
1/5W
1/5W
1/5W 1/5W
9
1/5W
THE PORTER BEER BAR BRAND MANUAL
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%
THE PORTER BEER BAR BRAND 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 public 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.
THE PORTER BEER BAR BRAND MANUAL
UNACCEPTABLE USAGE OF PRIMARY 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.
THE PORTER BEER BAR BRAND MANUAL
12
DO Not move or resize the logo brand symbol.
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 trade 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
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND MANUAL
14
DO Not change spacing of logotype.
UNACCEPTABLE USAGE OF LOGO WITH PHOTO
DO not place inverted logo on light photo
DO NOT PLACE A PHOTO IN THE LOGO
DO Not place logo on top of text
DO NOT PLACE LOGO ON TOP OF PEOPLE
15
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
16
FONTS TEXTURes COLORS
17
THE PORTER BEER BAR BRAND MANUAL
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 (Any font from the Futura Font family may be used for The Porter Beer Bar branding. Below are two comparable Futura fonts.)
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 ! @# $ % ^ & * ()”|<>?
THE PORTER BEER BAR BRAND 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 accomanying Porter Beer Bar Brand Manual DVD.
Chipboard Texture
Wood Texture
Water Color Paper Texture
Porter Creme on Chipboard texture
Porter White on Wood texture
Porter Black on Water Color Paper texture
19
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
20
BUSINESS CARD SPECIALTIES POSTCARD TO-GO MENU
21
THE PORTER BEER BAR BRAND MANUAL
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 wraparound 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.
THE PORTER BEER BAR BRAND 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 aesthethic that reflects the Porter brand. The dimensions are 3.5” x 2” and is printed one a thick cardstock. The business card should not be printed on a glossy paper.
23
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND MANUAL
24
TRIVIA FLYER
25
THE PORTER BEER BAR BRAND MANUAL
TO-GO MENU
6.75¨
The Porter Beer To-go Menu is a twosided poketsize 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 scanable QR code that links to The Porter’s Beer IQ app.
THE PORTER BEER BAR BRAND MANUAL
26
LOGO CONF POSITIONING COLOR APPL
FIGURATIONS G & PROPORTIONS LICATIONS
TO-GO MENU
27
THE PORTER BEER BAR BRAND MANUAL
TO-GO MENU
THE PORTER BEER BAR BRAND MANUAL
28
TO-GO BOX TO-GO BAG MATCHBOX COASTER SET GLASSWARE 29
THE PORTER BEER BAR BRAND MANUAL
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 accmodate 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.
THE PORTER BEER BAR BRAND 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
THE PORTER BEER BAR BRAND MANUAL
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”
THE PORTER BEER BAR BRAND MANUAL
32
TO-GO BOX & BAG
33
THE PORTER BEER BAR BRAND MANUAL
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. 1.5¨ 1.5”
The upper template is the outside of the box, and the lower template is the drawer that holds the matches.
2¨ 2”
THE PORTER BEER BAR BRAND MANUAL
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.
34
MATCHBOXES
35
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND 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
THE PORTER BEER BAR BRAND MANUAL
ETCHED GLASSWARE SPECS
h h 1/7w
1/5w
w 2/3w
w
2/3w
THE PORTER BEER BAR BRAND MANUAL
38
Porter branded glasses are in house glasses designed for the comsumer to interact with and possibly take home as a keep-safe. The glasses vary in sizes and types from wine glasses to beer mugs, and also standard drinking glasses. The clean glasses will be branded with The Porter Beer Bar logo by using a frosting technique. If the glass is w x h (w being the width, h being the height), the logo will be sized at 2/3w. The placement height depends on the height of the glass, but should be 1/5h from the top of the glass. For taller, thinner glasses, the placement should be 1/7h from the top of the glass.
ETCHED GLASSWARE
39
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
40
Chalkboard signage uniform BEER truck
41
THE PORTER BEER BAR BRAND MANUAL
CHALKBOARD SIGNAGE SPECS
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). 36¨
20¨
20¨
THE PORTER BEER BAR BRAND MANUAL
42
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.
43
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND MANUAL
44
BEER TRUCK ENVIRONMENT
45
THE PORTER BEER BAR BRAND MANUAL
THE PORTER BEER BAR BRAND MANUAL
46
PRINT ADVERTISEMENTS WEBSITE BEER APPLICATION
47
THE PORTER BEER BAR BRAND MANUAL
PRINT ADVERTISMENTS
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.
THE PORTER BEER BAR BRAND MANUAL
48
With the community ads, the focus is on the sense of comrodery 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.
49
THE PORTER BEER BAR BRAND MANUAL
PRINT ADVERTISMENTS
The product ads focus on another big draw of The Porter: the food selection and extensive beer list. This displays a mouthwatering photograph of the bar’s infamous black bean burger, as well as a pairing of one of the Porter’s refreshing drafts.
THE PORTER BEER BAR BRAND MANUAL
50
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.
51
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND MANUAL
52
WEBSITE
When you get to the home page, all tiles will be black and white and as you mouse over it, it will turn full color. The dimension of the website is 1024 x 768
53
THE PORTER BEER BAR BRAND MANUAL
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
THE PORTER BEER BAR BRAND MANUAL
54
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.
55
THE PORTER BEER BAR BRAND MANUAL
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.
THE PORTER BEER BAR BRAND MANUAL
56
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.
57
THE PORTER BEER BAR BRAND MANUAL