Wunder Brand Brand Guideline 2020
Brand Guideline
Wunder Brand Brand Guideline 2020
Contents
Logo Usage P.4
Color Usage P.12
Typography P.14
01 02 03
Photography Style P.18
Illustration Style P.25
04 05
Wunder Brand
Brand Guideline About Us
About Us
Wunder Brand is a U.K Based fitness company that aims to produce high-end and stylish wrist/ankle weights that will help elevate people's workouts both at home and at the gym. Wunder Brand's product are not only functional but is also stylish and comfortable, giving you effective and wonderful results while working out at home.
P.3
Brand Guideline
Wunder Brand
01 Logo Usage
Logo Usage
01
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
P.4
Brand Guideline
Wunder Brand
01 Logo Usage
Brand Logo Without Tagline
Our brand logo is designed to be simple, elegant and uncomplicated. In most cases the brand logo either with or without the tagline shall be presented in all brand materials for consistency in brand communication. The nature of the elements in the brand logo should not be modified, recreated or transformed in any way. The logo shall never be streched and should be resized proportionately so that they are legible at all times.
With Tagline
P.5
Brand Guideline
Wunder Brand
01 Logo Usage
Logo Variation
Horizontal Logo
Logo variation provide different versions of the brand logo to be used for content and marketing materials depending on the format and the space available. Here are the logo variations that can be used for brand application.
Horizontal Logo + Tagline
P.6
Brand Guideline
Wunder Brand
01 Logo Usage
Logo Clearspace
For brand logo with or without the tagline, the minimum clearspace is determined by the height and width of the "W" initial from the logotype.
Clear space is the area surrounding the logo that must be kept free of any other graphic elements. This exclusion zone indicates the closest any other graphic element can be positioned in relation to the logo. For horizontal logo with or without the tagline, the minimum
To ensure legibility and clarity, please do not
clearspace is determined by the height and width of the "W"
scale the logo below the recommended size.
initial from the logotype.
P.7
Brand Guideline
Wunder Brand
01 Logo Usage
Minimum Size Minimum
Minimum
Width: 20mm
Width: 25mm
Minimum Width: 35mm
To ensure legibility and clarity, please do not scale the logo below the recommended size.
Minimum Width: 40mm
The logo shall never be streched and should be resized proportionately so that they are legible at all times.
P.8
Wunder Brand
Brand Guideline Brand Guideline 01 Logo Usage
Logo Color Usage
The logo can be used in black againts colored background or white againts colored background. Above illustrates the recommended color usage.
P.9
Wunder Brand
Brand Guideline Brand Guideline 01 Logo Usage
Logo Color Usage
The logo can be used in black againts colored background or white againts colored background. Above illustrates the recommended color usage.
P.10
Brand Guideline
Wunder Brand
01 Logo Usage
Incorrect Usage Do not rotate the logo
Do not compress or stretch the logo
Do not resize any part of the logo
Do not alter the spacing
Do not use off-brand colors. Always
Do not add in any special effects (drop
between logo elements
refer to the color usage section
shadows, 3D effects, outline etc)
Do not rearrange parts or
Do not remove any part of the logo,
create compositions
brand logo shall be presented fully
Above illustrates the logo usage that are not recommended. Please obey the brand guidelines for consistent brand communication.
P.11
Brand Guideline
Wunder Brand
02 Color Usage
Color Usage
02
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
P.12
Brand Guideline
Wunder Brand
02 Color Usage
Brand Color Mint
Mint Green
Lavender
Lavender Purple
HEX c1e4db
HEX 91c8bc
HEX cbd0e5
HEX 8494c1
CMYK 24 0 16 0
CMYK 44 5 29 0
CMYK 19 14 2 0
CMYK 51 37 6 0
RGB 193 228 219
RGB 145 200 188
RGB 203 208 229
RGB 132 148 193
Peach
Peach Orange
Light Pink
Pink
Sand
Black
HEX f8c6a5
HEX f3ad7d
HEX 1 24 17 0
HEX f2aca6
HEX dccdb7
HEX 000000
CMYK 1 25 34 0
CMYK 243 173 125
CMYK 248 201 194
CMYK 2 38 26 0
CMYK 13 16 27 0
CMYK 75 68 67 90
RGB 248 198 165
RGB 31 61 51
RGB 248 201 194
RGB 242 172 166
RGB 220 205 183
RGB 0 0 0
P.13
Brand Guideline
Wunder Brand
03 Typography Usage
Typography Usage
03
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
P.14
Brand Guideline
Wunder Brand
03 Typography Usage
Primary Typeface
ABCDEFGHIJKLMNOP QRSTUVWXYZ áâàäãåabcdefghijklm nopqrstuvwxyz 1234567890 !@#$%^&*()+
Libre Franklin Family Typography plays a large role in our brand identity. Libre Franklin is the primary font for the brand.
ABCD
The sans serif typeface is used for Headers, titles and smaller exerts of text that require further emphasis.
https://fonts.google.com/specimen/Libre+Franklin
P.15
Brand Guideline
Wunder Brand
03 Typography Usage
Secondary Typeface
ABCDEFGHIJKLMNOP QRSTUVWXYZ áâàäãåabcdefghijklm nopqrstuvwxyz 1234567890 !@#$%^&*()+
Raleway Family
Raleway is the secondary font for the brand.
ABCD
Raleway is used for body copy and larger paragraph of text. Within brand materials, Raleway should appear smaller in scale in relation to Libre Franklin.
https://fonts.google.com/specimen/Raleway
P.16
Brand Guideline
Wunder Brand
03 Typography Usage
Typographic Hierarchy
Heading with Libre Franklin Medium Raleway Medium is used for body copy. Raleway Regular can also be used when a slightly more delicate weight is needed. Raleway Bold can be used to highlight or emphasize certain area of text. The headline above is Libre Franklin Medium. Libre Franklin Semibold can be used to higlight or emphasize the title.
SUBHEADING IN RALEWAY SEMIBOLD
SUBHEADING IN RALEWAY SEMIBOLD
Heading with Libre Franklin Medium Typographic hierarchy is a system for
Raleway Medium is used for body copy.
organizing type that establishes an
Raleway Regular can also be used when a
order of importance. This allows for
slightly more delicate weight is needed. The
clarity, consistency and a legible
heading above is Libre Franklin Medium.
hierarchy for all communications.
The subheading is Raleway Semibold.
P.17
Brand Guideline
Wunder Brand
04 Photography Style
Photography Style
04
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
P.18
Brand Guideline
Wunder Brand
04 Photography Style
Photography Style
giving you effective and wonderful results while working out at home.
P.19
Brand Guideline
Wunder Brand
04 Photography Style
Photography Style
elegant stylish fashionable comfort conďŹ dent
P.20
Wunder Brand
Brand Guideline 04 Photography Style
Photography Style
P.21
Brand Guideline
Wunder Brand
04 Photography Style
Photography Style
giving you effective and wonderful results while working out at home.
P.22
Wunder Brand
Brand Guideline 04 Photography Style
Product Photography Style
P.23
Brand Guideline
Wunder Brand
04 Photography Style
Product Photography Style
elegant stylish fashionable comfort quality P.24
Brand Guideline
Wunder Brand
05 Illustration Style
Illustration Style
05
It is important that our branding remains consistent. Please obey the brand guidelines for consistent brand communication.
P.25
Wunder Brand
Brand Guideline 05 Illustration Style
Photography Style
Our brand illustration are simple, elegant and straightforward.
P.26
Wunder Brand
Brand Guideline 05 Illustration Style
Brand Pattern
Our main graphic element is based on a rounded rectangular shape as inspired by the product itself. The rounded rectangular shape is rotated to be in the same angle as the "N" and "R" initials from the brand logo. The graphic identity is flexible as the rounded rectangular shape can be manipulated to form patterns to be used for brand application use. The following pages illustrates a series of patterns recommended for application use.
P.27
Wunder Brand
Brand Guideline 05 Illustration Style
Brand Pattern
The rounded rectangular shape can be placed on any corner to create a pattern background. It is recommended to keep the rounded corner visible to reflect the brand identity.
P.28
Wunder Brand
Brand Guideline 05 Illustration Style
Brand Pattern
The rounded rectangular shape can also be repeated vertically or horizontally to create a pattern. It is recommended to only use the patterns in a large scale to main a simple & clean look. It is not recommended to create complicated patterns using the rounded rectangular shape to remain an elegant & simple design.
P.19
Wunder Brand
Brand Application
P.30
Wunder Brand
Brand Application
P.31
Wunder Brand Brand Guideline 2020
Brand Guideline