Brand Guidelines Version 1.0
2
Brand Guidelines
Page
Logos 4 Champions Marketing Logo
4
Champions Life Academy Logo
8
Champions Ambassadors Logo
12
Starman Logo
16
IT’S ON Logo
18
Colour Palette
22
Typography 24 Brand Asset Reference
28
Brand Guidelines
The Champions Brand Identity is represented visually using the elements described within this guide. These Brand Guidelines are a set of technical guidelines intended to establish and maintain consistency across all Champions documents, both internally and externally.
3
4
Logos Champions Marketing Logo
Our Logos Primary Logo The logo is constructed of two weights of the font ‘Berlin Sans’. The word ‘Champions’ uses Berlin Sans Demi Bold, with the sector name written in Berlin Sans Roman. Assets The logo is formed of the following elements: – Champions wordmark – Champions sector name – Starman icon
Logos Champions Marketing Logo
Logo Exclusion Zone Using half the height of the logo as a guide (including sector name), create a margin around the perimeter of the logo.
5
6
Logos Champions Marketing Logo Usage
Logo Usage Positive logo For use in all instances where the logo will appear on a white background. Grayscale logo For use in applications where colour is not possible, ie. newspaper ad.
Positive logo
Encapsulated logo on colour
Grayscale logo
Encapsulated logo on image
Encapsulated logo For use where logo must appear over colour or image.
Logos Champions Marketing Logo Usage
Incorrect Usage It is important that our Champions logos are used consistently and inline with the brand guidelines.
x
x
Use correct logo on colour or image
Observe exclusion zone
x
x
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
Be vigilant about their use. Here are examples of how NOT to use the Champions logos.
MARKETING
Never stretch or distort logo
Do not recreate logo in another font
7
8
Logos Champions Life Academy Logo
Primary Logo The logo is constructed of two weights of the font ‘Berlin Sans’. The word ‘Champions’ uses Berlin Sans Demi Bold, with the sector name written in Berlin Sans Roman. Assets The logo is formed of the following elements: – Champions wordmark – Champions sector name – Starman icon
Logos Champions Life Academy Logo
Logo Exclusion Zone Using half the height of the logo as a guide (including sector name), create a margin around the perimeter of the logo.
9
10
Logos Champions Life Academy Logo Usage
Logo Usage Positive logo For use in all instances where the logo will appear on a white background. Grayscale logo For use in applications where colour is not possible, ie. newspaper ad.
Positive logo
Encapsulated logo on colour
Grayscale logo
Encapsulated logo on image
Encapsulated logo For use where logo must appear over colour or image.
Logos Champions Life Academy Logo Usage
Incorrect Usage Here are examples of how NOT to use the Champions logos.
x
x
Use correct logo on colour or image
Observe exclusion zone
x
x
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
LIFE ACADEMY
Never stretch or distort logo
Do not recreate logo in another font
11
12
Logos Champions Ambassadors Logo
Primary Logo The logo is constructed of two weights of the font ‘Berlin Sans’. The word ‘Champions’ uses Berlin Sans Demi Bold, with the sector name written in Berlin Sans Roman. Assets The logo is formed of the following elements: – Champions wordmark – Champions sector name – Starman icon
Logos Champions Ambassadors Logo
Logo Exclusion Zone Using half the height of the logo as a guide (including sector name), create a margin around the perimeter of the logo.
13
14
Logos Champions Ambassadors Logo Usage
Logo Usage Positive logo For use in all instances where the logo will appear on a white background. Grayscale logo For use in applications where colour is not possible, ie. newspaper ad.
Positive logo
Encapsulated logo on colour
Grayscale logo
Encapsulated logo on image
Encapsulated logo For use where logo must appear over colour or image.
Logos Champions Ambassadors Logo Usage
Incorrect Usage Here are examples of how NOT to use the Champions logos.
x
x
Use correct logo on colour or image
Observe exclusion zone
x
x
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
AMBASSADORS
Never stretch or distort logo
Do not recreate logo in another font
15
16
Logos Starman Logo
Secondary Logo Starman The Starman logo can be used as a Digital On-screen Graphic (DOG) or a sign-off on print items. It is a symbol of Champions and should be used appropriately as a secondary logo and never in place of the full Champions logo.
Positive logo
Encapsulated logo
Logos Starman Logo
Incorrect Usage Here are examples of how NOT to use the Champions logos.
x
x
Do not use positive logo on colour
Do not reverse out of colour or image
x
x
Never stretch or distort logo
Keep within a comfortable distance from other elements
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
17
18
Logos IT’S ON Logo
Secondary Logo It’s On The words ‘It’s On’ use the font Berlin Sans Demi Bold. The logo can be used as a sign-off on the web or in print. It should never be used in place of the full Champions logo. Assets The logo is formed of the following elements: – It’s On wordmark – Starman icon
Logos IT’S ON Logo
Logo Exclusion Zone Using half the height of the logo as a guide, create a margin around the perimeter of the logo. The exclusion to this rule is when the logo is grounded on a black panel, ie on a business card.
19
20
Logos IT’S ON Logo Usage
Logo Usage Positive logo For use in all instances where the logo will appear on a white background or grounded on a black panel. Positive logo
Encapsulated logo on colour
Grayscale logo
Encapsulated logo on image
Grayscale logo For use in applications where colour is not possible, ie. newspaper ad. Encapsulated logo For use where logo must appear over colour or image.
Logos IT’S ON Logo Usage
Incorrect Usage Here are examples of how NOT to use the It’s On logo.
x
x
Use correct logo on colour or image
Observe exclusion zone
x
x
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor.
IT’S ON Never stretch or distort logo
Do not recreate logo in another font
21
22
Colour Palette References
Colour Palette Primary Black and Cyan are the colours used in the Champions logo. They can also be used to create impact as blocks of colour online and in print.
Black
Cyan
Pantone Process Black C
Pantone Process Cyan C
C30M0Y0K100
C100M0Y0K0
R6G25B34
R0G174B239
Web #181F22
Web #009DE0
Purple
Pink
Green
Red
Yellow
Pantone 240C
Pantone 7424C
Pantone 583C
Pantone 179C
Pantone 7409C
C30M91Y0K0
C0M95Y16K0
C40M0Y100K0
C0M96Y93K0
C0M30Y96K0
R173G57B152
R0G174B239
R166G206B57
R238G45B43
R229G171B50
Web #ac3997
Web #C62273
Web #B6C932
Web #C42423
Web #e5ab32
Secondary Our secondary colours can be used to highlight text or to designate different sections. These colours should be used sparingly at any one time.
Colour Palette Usage
Colour Usage To the right is a general guide to the colour proportions that should be used when designing for Champions. White should always be the predominant colour, making up around 80% of the total area. Black should account for around 15%, with the chosen accent colour at 5%. These proportions should be adhered to as accurately as possible to ensure proper represention of the Champions brand.
x
23
24
Typography Logo Font
Typography Logo Font The fonts used in the Champions logo are Berlin Sans Demi Bold and Berlin Sans Roman. These can be used for expansion of Champions’ family of logos.
Berlin Sans Roman abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890?!@£%&*(){}” Berlin Sans Demi Bold abcdefghijklmn opqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890?!@£%&*(){}”
Typography Primary Font
Primary Font Helvetica Neue is Champions’ primary typeface family, and should be used on all marketing collateral.
Helvetica Neue Roman abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890?!@£%&*(){}” Helvetica Neue Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890?!@£%&*(){}”
25
26
Typography Secondary Font
Secondary Font Arial is the nominated system-safe font for Champions and is commonly available on both PC and Mac operating systems.
Arial Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890?!@£%&*(){}” Arial Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890?!@£%&*(){}”
Typography Device
Typography Device An example of a typographical treatment for highlighting a quote or paragraph of text. Use a bold headline in Helvetica Neue Bold, with body copy in Helvetica Neue Roman. The proportions of the box can vary to suit the layout, but use this guide for scale and position of the tab.
25%
Example headline Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa officia deserunt mollit anim id est laborum.
25%
25%
Width = 8% of longest edge
27
25%
25%
25% 25% 25%
28
Brand Asset References Champions Marketing Logo Files
Champions Marketing Logo Champs_logo_mktg_rgb.eps Champs_logo_mktg_cmyk.eps Champs_logo_mktg_spot-c.eps Champs_logo_mktg_mono.eps Champs_logo_mktg_rgb.jpg Champs_logo_mktg_cmyk.jpg Champs_logo_mktg_mono.jpg Champs_logo_mktg_rgb.png Champs_logo_mktg_cmyk.png Champs_logo_mktg_mono.png
Vector
Bitmap
RGB
CMYK
Pantone
Mono
Brand Asset References Champions Life Academy Logo Files
Champions Life Academy Logo Champs_logo_life_rgb.eps Champs_logo_life_cmyk.eps Champs_logo_life_spot-c.eps Champs_logo_life_mono.eps Champs_logo_life_rgb.jpg Champs_logo_life_cmyk.jpg Champs_logo_life_mono.jpg Champs_logo_life_rgb.png Champs_logo_life_cmyk.png Champs_logo_life_mono.png
Vector
Bitmap
RGB
CMYK
Pantone
29
Mono
30
Brand Asset References Champions Ambassadors Logo Files
Champions Ambassadors Logo Champs_logo_amb_rgb.eps Champs_logo_amb_cmyk.eps Champs_logo_amb_spot-c.eps Champs_logo_amb_mono.eps Champs_logo_amb_rgb.jpg Champs_logo_amb_cmyk.jpg Champs_logo_amb_mono.jpg Champs_logo_amb_rgb.png Champs_logo_amb_cmyk.png Champs_logo_amb_mono.png
Vector
Bitmap
RGB
CMYK
Pantone
Mono
Brand Asset References Starman & IT’S ON Logo Files
Starman
IT’S ON
Champs_logo_starman_rgb.eps
Champs_logo_itson_rgb.eps
Champs_logo_starman_cmyk.eps
Champs_logo_itson_cmyk.eps
–
Champs_logo_itson_spot-c.eps
Champs_logo_starman_mono.eps
Champs_logo_itson_mono.eps
Champs_logo_starman_rgb.jpg
Champs_logo_itson_rgb.jpg
Champs_logo_starman_cmyk.jpg
Champs_logo_itson_cmyk.jpg
–
Champs_logo_itson_mono.jpg
Champs_logo_starman_rgb.png
Champs_logo_itson_rgb.png
Champs_logo_starman_cmyk.png
Champs_logo_itson_cmyk.png
–
Champs_logo_itson_mono.png
Vector
Bitmap
RGB
CMYK
Pantone
31
Mono
Champions Marketing The Old Truman Brewery 91 Brick Lane, London E1 6QL
T +44 (0)20 3582 1769 E info@championsmarketing.co.uk www.championsmarketing.co.uk
Guidelines by