s e n i l e d i u Visual G
Atelier 2332 X Friday Kollective
Web Version | 2023
This Visual Guideline will act as a backbone that can help you build your brand and maintain its consistency. The more thorough you are in following these, the stronger your brand image shall be. Here’s to hoping the best and wishing you great success for your brand | OVER TO YOU |
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
Tone of Voice Title Goes Here
We are a humanised and modern brand. We are body copy casual, friendly, relaxed yet professional. We want to be relatable to our customers and create an endearing space for the coffee lovers. We achieve this relatability factor with the help of our set of brand illustrations called ‘Brew Crew’ We are easy-going, approachable and fun.
APPROACHABLE FRIENDLY ENDEARING PROFESSIONAL EASY-GOING
1
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Wordmark Title Goes Here
The was to make the brand more bodyidea copy human and characteristic. This wordmark with it’s curves and sway helps establish that. While not losing the vibrant, bold presence, it also humanises the brand and makes it comforting.
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
Minimized Wordmark This is a minimized version of the primary wordmark which can be used in smaller spaces such as social media or badges where the full logo is hard to accomodate.
2
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
Color Variations for the wordmark
Brand Typography
The word mark is allowed to be used in black, white and all brand colors. Please follow the same background, foreground colors when using the wordmark. Any other color combination or color or change in background of foreground is wrong.
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette • Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
3
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Proportions for Wordmark
The proportions for the wordmark of Potboiler are 1:4.5. Please note that these proprtions should be maintained at all times. The logo should never be disproportionately stretched or elongated.
4.5x
x
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
Padding for Wordmark For the brand wordmark to maintain its emphasis, enough padding should be used around the logo
Minimum amount of padding that should be used around the wordmark should atleast be the same as the width of the alphabet ‘o’ used in the wordmark.
4
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
Primary Color Palette These colors are the primary visual key of the brand and should be atleast used 70% of the time in brand creatives.
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
#f8f4e7 R: 248 G: 244 B: 231
#3473aa R: 52 G: 115 B: 170
#d54b28 R: 213 G: 75 B: 40
#f99f38 R: 249 G: 159 B: 56
#5a3c35 R: 90 G: 60 B: 53
1-2 C
P107-5 C
40-15 C
20-7 C
43-15 C
5
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
Secondary Color Palette These colors help the primary colors stand out. These should always be accopanied by primary colors to make creatives have emphasis.
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
#8e6d5e R: 142 G: 109 B: 94
#193661 R: 25 G: 54 B: 97
#8c2b1e R: 140 G: 43 B: 30
#7a441c R: 122 G: 68 B: 28
#221f20 R: 34 G: 31 B: 32
33-10 C
108-16 C
50-15 C
26-16 C
PROCESS BLACK C
6
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Usage of Color Palette
Brand Typography
Possible color combinations with the Potboiler color palette are given on the right. We recommend that you stick to these combinations only, to maintain brand consistency. Please do not mix combinations together to create a new palette.
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette • Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Primary Combination
Brand Color Palette
Brand Imagery
Combination 2
Combination 3
Combination 4
Combination 5
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
PANTONE®
1-2 C
33-10 C
P107-5 C
108-16 C
40-15 C
50-15 C
20-7 C
26-16 C
43-15 C
PROCESS BLACK C
Accents
How it all comes together!
Combination 1
PANTONE®
1-2 C
1-2 C
1-2 C
1-2 C
43-15 C
PANTONE®
PROCESS BLACK C
Atelier 2332 X Friday Kollective
PANTONE® 20-7 C
PANTONE® 20-7 C
PANTONE® 108-16 C
PANTONE® 33-10 C
7
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
Primary Typeface
Our brand typeface is called Baloo 2. It’s developed by Ek Type Foundry. It would be used for all headlines. It’s a rounded curvy typeface that has a lot of character and impact. It would ensure clear delivery of communication.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 ~!@#$%^&*()-_+=`[]{}\|:”.’,<>?/
Aa
Baloo 2 Regular Baloo 2 Medium Baloo 2 SemiBold Baloo 2 Bold Baloo 2 ExtraBold
8
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
Secondary Typeface The typeface is called Manrope. It’s developed by Mikhail Sharanda.
It would be used for Subheadings & Body text. Its various font weights, make it an extremely flexible typeface and increases readability of text.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 ~!@#$%^&*()-_+=`[] {}\|:”.’,<>?/
Aa
Manrope ExtraLight Manrope Light Manrope Regular Manrope Medium Manrope SemiBold Manrope Bold Manrope ExtraBold
9
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Type Hierarchy
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
10
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
The Brew Crew
The Brew Crew is a set of friendly illustrated characters based on the type of coffee served by Potboiler and the customers they serve.
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
11
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
The Brew Crew Drippi
“Life is too short to rush!” | “Chill vibes only” Trait: Laid-back and easygoing Personality: Drippy is the friend who is always relaxed, calm, and just goes with the flow. Their demeanor is soothing, and they have a knack for making others feel at ease. Like drip coffee, Drippy exudes a comforting presence that never rushes, allowing conversations to flow naturally.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
12
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
The Brew Crew Brew
“Too cool to be basic” | “Anything but basic” Trait: Super cool and effortlessly chic Personality: Brew is the coffee equivalent of a fashion icon. With sunglasses on, they’re the epitome of coolness, making even the simplest moments feel like a runway show. Brew’s suave sophistication adds a touch of class to every coffee sip.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
13
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
The Brew Crew Cuppa
“Kindness is underrated” | “Choose kindness today” Trait: Snuggly and heartwarming Personality: Cuppa is the comforting hug you’ve been craving. They’re the friend who knows just how to make you feel better, offering warmth and understanding with every sip. Cuppa’s nurturing vibes wrap you up like a cozy blanket.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
14
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery
The Brew Crew Citroo
“Unleash your creativity” | “Let the experiments begin!” Trait: Innovative and creative Personality: Citroo is the inventive thinker who’s never afraid to experiment and push boundaries. Just like the unexpected combination of orange and coffee flavors, Citroo is known for coming up with fresh and unconventional ideas. Their curious and imaginative nature inspires others to think outside the box.
How it all comes together!
Atelier 2332 X Friday Kollective
15
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
The Brew Crew Frothy
“Stop, sit & wonder” | “Did curiosity really kill the cat?” Trait: Playful and bubbly Personality: Frothy is the eternal kid at heart, turning coffee into a magical frothy playground. With a mischievous grin and a sprinkle of joy, Frothy brings a sense of wonder to every sip, making coffee time a fun and frolicsome affair.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
16
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
How to use the brew crew members
Brand Typography
Scaling the crew brew
Brand Assets
The brew crew members are vector illustrations and can be scaled to whatever size required. Although we recommend to not use them in a size less than 100*100 px or below 72 ppt resolution so that they retain their intricacies.
• Primary Typeface • Secondary Typeface • Type Hierarchy • The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery
Please maintain the ratios of each illustration and do not squash or elongate them disproprtionately.
Drippy
Brew
Cuppa
Citroo
How it all comes together!
Frothy
Atelier 2332 X Friday Kollective
17
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
How to use the brew crew members
Brand Typography
Colors of the Crew Brew
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
The Crew Brew characters can be used in all brand colors. Although the most suited colors for each are mentioned below. Drippy
Brew
Cuppa
Citroo
Frothy
Brand Imagery How it all comes together!
PANTONE® 26-16 C
Atelier 2332 X Friday Kollective
PANTONE® P107-5 C
PANTONE® 43-15 C
PANTONE® 40-15 C
PANTONE® 33-10 C
18
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Potboiler Shapes The Potboiler Shapes are a set of shapes that help in extending the brand language and give a little visual lift to the characters to play around with.
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
PB Coaster
PB Plate
PB Glass
PB Dome
PB Drip
19
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
How to use Potboiler Shapes
Brand Typography
1. 2. 3. 4. 5. 6. 7.
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette • Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Can be used as solids Can be used as outlines Can be used for clip-masking objects Can be overlapped with each-other Can be overlapped with the images Can be used along side the Brew Crew Can be used as a combination
Samples of these are shown on the next pg.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
20
Potboiler Visual Guidelines | 2023
Atelier 2332 X Friday Kollective
21
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
Potboiler Patterns Potboiler has 3 patterns based on different shapes that can be used as shown on next pg.
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
22
Potboiler Visual Guidelines | 2023
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery We recommend to maintain the warm and approachable brand image through the imagery as well. Warmer-toned photos with subject in focus are a great way to keep the warmth and endearing factor of the brand intact. We also recommend usage of personal photos of people just having a good time. These will help in keeping the brand fresh and real.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
25
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette
Brand Typography
• Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery We can also use ‘Brew Crew’ illustrations in a fun way combined with photographs. These examples made by team Potboiler are a great way to retain brand imagery while being playful. We do recommend to use the brew crew illustrations as a secondary element in photographs and focusing on the subject (food/space/people) in the over all photograph.
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
26
Potboiler Visual Guidelines | 2023
Tone of Voice Brand Logo
• Wordmark & Minimized Wordmark • Color Variations • Proportions and Padding
Brand Color Palette
How it all comes together!
Brand Typography
In this section, you will find curated examples of how to use the Potboiler branding into various brand applications.
• Primary Color Palette • Secondary Color Palette • Usage of Color Palette • Primary Typeface • Secondary Typeface • Type Hierarchy
Brand Assets
• The Brew Crew • How to use the brew crew members • Potboiler Shapes • How to use Potboiler Shapes • Potboiler Patterns
Brand Imagery How it all comes together!
Atelier 2332 X Friday Kollective
27
Potboiler Visual Guidelines | 2023
Atelier 2332 X Friday Kollective
28
Potboiler Visual Guidelines | 2023
Atelier 2332 X Friday Kollective
29
Potboiler Visual Guidelines | 2023
Atelier 2332 X Friday Kollective
30
Potboiler Visual Guidelines | 2023
Atelier 2332 X Friday Kollective
31
FIN.