MINT Brand Manual, Graphic Design & Media Final Project at Marbella Design Academy by David Wadström.
For his final Graphic Design & Media project at Marbella Design Academy, David Wadstrom created a brand, a nightclub event, combined with a fashion show. This is the MINT brand manual. Marbella Design Academy - Spain - Founded 1995 - Tuition in English - BA (Hons) in Graphic Design & Media validated programme by the University of Bedfordshire https://www.designschool.com/graphic-design/
For his final Graphic Design & Media project at Marbella Design Academy, David Wadstrom created a brand, a nightclub event, combined with a fashion show.
This is the MINT brand manual.
Marbella Design Academy - Spain - Founded 1995 - Tuition in English - BA (Hons) in Graphic Design & Media validated programme by the University of Bedfordshire
https://www.designschool.com/graphic-design/
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>Brand</strong> <strong>Manual</strong>
v<br />
Table of contents<br />
3.<br />
Introduction<br />
4.<br />
Color palette<br />
5.<br />
Text edit: Web<br />
6.<br />
Text edit A4<br />
9.<br />
Icon<br />
10.<br />
Dots logo<br />
11.<br />
Exlusion zone: Main logo<br />
12.<br />
Exlusion zone: <strong>Brand</strong> logo<br />
15.<br />
Construction lines: <strong>Brand</strong> logo<br />
16.<br />
Construction lines: Icon<br />
17.<br />
Do’s & don’ts<br />
18.<br />
Primarary imagery style<br />
7.<br />
Main logo<br />
8.<br />
<strong>Brand</strong> logo<br />
13.<br />
Exlusion zone: Icon<br />
14.<br />
Construction lines: Main logo<br />
19.<br />
Secondary imagery style<br />
20.<br />
St<strong>at</strong>ionery
Introduction<br />
3<br />
About mint<br />
Mint is a Berlin-based cre<strong>at</strong>ive brand, founded in 2021 <strong>by</strong> the graphic<br />
designer <strong>David</strong> <strong>Wadström</strong>.<br />
We work with design, fashion, and music. We design events for nightclubbing<br />
and fashion shows, or possibly those 2 combined.<br />
We rent industrial/ factory spaces to hold our events. We work with artists<br />
and designers from all over the world, and bring them all to Berlin to keep the<br />
cre<strong>at</strong>ive culture alive.<br />
The name Mint represents the youth and th<strong>at</strong> they always strive to stay fresh.
Color palette<br />
4<br />
HEX<br />
RGB<br />
#82c6a4<br />
#ffffff<br />
#141414<br />
R#130<br />
G#198<br />
B#164<br />
R#255<br />
G#255<br />
B#255<br />
R#20<br />
G#20<br />
B#20<br />
CMYK<br />
Pantone<br />
53%<br />
0%<br />
42%<br />
0%<br />
0%<br />
0%<br />
0%<br />
0%<br />
78%<br />
69%<br />
61%<br />
87%<br />
#346 C<br />
#239 C<br />
#419 C
Text edit: Web<br />
5<br />
Font<br />
Aktiv Grotesk ex<br />
Header<br />
BOLD 32px<br />
Sub header<br />
Medium 20px.<br />
Hover/selection text<br />
Text in white<br />
Body<br />
Regular 16px. Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit, sed do eiusmod tempor incididunt ut labore<br />
et dolore magna aliqua. Pretium quam vulput<strong>at</strong>e dignissim<br />
suspendisse in. Vitae justo eget magna fermentum iaculis<br />
eu non diam. Eu volutp<strong>at</strong> odio facilisis mauris sit amet.<br />
Turpis tincidunt id aliquet risus feugi<strong>at</strong> in ante.<br />
Risus ultricies tristique nulla aliquet. Tellus cras adipiscing<br />
enim eu turpis egestas pretium aenean.<br />
Caption<br />
Light 14px. Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit, sed do eiusmod tempor incididunt ut labore<br />
et dolore magna aliqua. Pretium quam vulput<strong>at</strong>e dignissim<br />
suspendisse in. Vitae justo eget magna fermentum iaculis<br />
eu non diam.<br />
Separ<strong>at</strong>ion line<br />
5px
Text edit: A4<br />
6<br />
Font<br />
Aktiv Grotesk ex<br />
Header<br />
BOLD 24pt<br />
Sub header<br />
Medium 18pt<br />
Highlighted text<br />
Text in white<br />
Body<br />
Regular 11pt. Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit, sed do eiusmod tempor incididunt ut labore<br />
et dolore magna aliqua. Pretium quam vulput<strong>at</strong>e dignissim<br />
suspendisse in. Vitae justo eget magna fermentum iaculis<br />
eu non diam. Eu volutp<strong>at</strong> odio facilisis mauris sit amet.<br />
Turpis tincidunt id aliquet risus feugi<strong>at</strong> in ante. Risus<br />
ultricies tristique nulla aliquet. Tellus cras adipiscing enim<br />
eu turpis egestas pretium aenean.<br />
Caption<br />
Light 9pt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed<br />
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pretium<br />
quam vulput<strong>at</strong>e dignissim suspendisse in. Vitae justo eget magna<br />
fermentum iaculis eu non diam.<br />
Separ<strong>at</strong>ion line<br />
2pt
Main logo<br />
7<br />
Purpose<br />
This is the main logo, it can be used for every type of branding<br />
and promotion.
<strong>Brand</strong>ing logo<br />
8<br />
Purpose<br />
This is the full brand logo, this is meant to display the logo for<br />
mainstream advertising.<br />
For example:<br />
Billboards, social media, and other public advertising to an<br />
audience th<strong>at</strong>’s unaware of Mint.
Icon<br />
9<br />
Purpose<br />
The brand icon is not a standard logo, the purpose of it is to<br />
display minimal branding.<br />
For example: Merchandising, websites, and minimal digital<br />
branding.<br />
App icon<br />
Website icon
Dots logo<br />
10<br />
Purpose<br />
This is not a standard logo th<strong>at</strong>’s used for advertising, it’s meant<br />
for graphic visuals. The dots are taken from the main logo.<br />
For example: Merchandising, layout designs, and backgrounds.
Exclusion zone<br />
Main logo<br />
11<br />
1x<br />
Minimal size<br />
2,8x 1x<br />
20 x 108 px<br />
15,5x
Exclusion zone<br />
<strong>Brand</strong> logo<br />
12<br />
1x<br />
Minimal size<br />
4x<br />
1x<br />
40 x 158 px<br />
15,5x
Exclusion zone<br />
Icon<br />
13<br />
1x<br />
Minimal size<br />
6,2x<br />
1x<br />
20 x 22 px<br />
6,8x
Construction lines<br />
Main<br />
14<br />
86mm 97,5<br />
86mm<br />
mm<br />
5,5mm<br />
86mm<br />
97,5mm<br />
19°
Construction lines<br />
<strong>Brand</strong> logo<br />
15<br />
86mm<br />
86mm<br />
97,5<br />
mm<br />
4,5mm<br />
23mm<br />
86mm<br />
97,5mm<br />
19°
Construction lines<br />
Icon<br />
16<br />
86mm<br />
97,5<br />
mm<br />
4,5mm<br />
86mm<br />
97,5mm<br />
19°
Do’s & don’ts<br />
17<br />
Do’s<br />
Don’ts<br />
V<br />
X<br />
X<br />
Inverted colors.<br />
V<br />
Gradient.<br />
X<br />
Don’t cover the logo.<br />
X<br />
V<br />
Silver dots logo for necklace packaging.<br />
<strong>Brand</strong> color on unrel<strong>at</strong>ed colors.<br />
X<br />
X<br />
Vertical display<br />
of main logo.<br />
V<br />
X<br />
Vertical display<br />
of brand logo and icon.<br />
Logo on images.<br />
V<br />
<strong>MINT</strong><br />
Using the typography as the logo.<br />
X<br />
Don’t change font of logo.<br />
No tilting of logo.
Primary imagery style<br />
18<br />
Image settings<br />
Factory / industrial style images. Black & white.<br />
Hue S<strong>at</strong>ur<strong>at</strong>ion 1: S<strong>at</strong>ur<strong>at</strong>ion -100.<br />
Hue S<strong>at</strong>ur<strong>at</strong>ion 2: Blend mode Luminosity. Color -6. Lightness -46.<br />
Levels: 0 / 0.79 /255.
Secondary imagery style<br />
19<br />
Image settings<br />
Factory / industrial style images. Black & white.<br />
Hue S<strong>at</strong>ur<strong>at</strong>ion 1: S<strong>at</strong>ur<strong>at</strong>ion -100.<br />
Hue S<strong>at</strong>ur<strong>at</strong>ion 2: Blend mode Luminosity. Color -6. Lightness -46.<br />
Levels: 0 / 0.79 /255.<br />
Color overlay: #81c6a5 + Hard light blend mode.
St<strong>at</strong>ionary<br />
20<br />
White letter version. <strong>Brand</strong> color letter version. Business card.
24
Change language