Page 1

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

Brand Guide: Champions Marketing  
Brand Guide: Champions Marketing  
Advertisement