Wunder Brand Brand Identity & Guideline

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