brand guidelines - loz gray · 2016. 9. 13. · sub-brand cmky colours. pantone 2746 nb. sub-brand...

academy

BRAND GUIDELINES1.027 October 2003

2

Logos ...............................................................................................3

The Logo ...................................................................................4

CMYK colours...........................................................................5

Spot colours .............................................................................6

RGB colours .............................................................................7

Web colours..............................................................................8

Colour examples ......................................................................9

One colour logo ..................................................................... 10

Exclusion zone/safe area ....................................................... 11

Minimum sizes .......................................................................12

Dos and don’ts .......................................................................13

Sub-brand logos ...........................................................................14

Sub-brands .............................................................................15

Sub-brand CMYK colours......................................................16

Sub-brand spot colours.........................................................17

Sub-brand RGB colours.........................................................18

Sub-brand web colours ......................................................... 19

Sub-brand colour examples..................................................20

One colour sub-brand logo ...................................................21

Sub-brand exclusion zone/safe area ....................................22

Colour sub-brand minimum sizes ........................................23

One colour sub-brand minimum sizes.................................24

Dos and don’ts .......................................................................25

Sub-brand construction - stacked.........................................26

Sub-brand construction in depth - stacked..........................27

Sub-brand construction - horizontal ....................................29

Fonts ..............................................................................................30

Logotype.................................................................................31

Print and television ................................................................32

Online......................................................................................33

Motion graphics............................................................................34

Flash™ loading animation ....................................................35

Television ‘signature’ animation ...........................................36

Index

Merchandise..................................................................................37

T-shirts - unisex/mens.............................................................38

T-shirts - two tone unisex/mens.............................................39

T-shirts - womens fitted..........................................................40

T-shirts - two tone womens fitted..........................................41

Sport t-shirts - unisex/mens ..................................................42

Sport t-shirts - two tone unisex/mens ..................................43

Sport t-shirts - womens fitted ...............................................44

Sport t-shirts - two tone womens fitted ...............................45

Baseball caps..........................................................................46

Sub-brand t-shirts - unisex/mens .........................................47

Sub-brand t-shirts - two tone unisex/mens .........................48

Sub-brand t-shirts - womens fitted.......................................49

Sub-brand t-shirts - two tone womens fitted.......................50

Sub-brand t-shirts - alternate unisex/mens .........................51

Sub-brand t-shirts - alt. two tone unisex .............................52

Sub-brand t-shirts - alternate womens fitted.......................53

Sub-brand t-shirts - alt. two tone womens ..........................54

Contacts ........................................................................................55

Key BBC Sport Academy contacts ........................................56

academy

LOGOS

www.bbc.co.uk/sportacademy

academy

www.bbc.co.uk/sportacademy

�������

4

The logo

(ii) Horizontal version

(i) Stacked version

NB. Only use the supplied logos

c100 m92 y0 k10

NB. Logos must always

appear on a background

of this colour

c100 m94 y0 k47

c19 m9 y0 k0

c1.96 m4.31

y85.88 k0

5

When the logo appears in colour, it should be produced accurately in the principle brand colours.

The diagram below shows the CMYK colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the BBC Sport Academy brand.

CMYK colours

pantone 2746

NB. Logos must always

appear on a background

of this colour

pantone 2766

pantone 2706

pantone

yellow 012

6

The diagram below shows the spot colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the BBC Sport Academy brand.

Spot colours

r51 g 51 b102

NB. Logos must always

appear on a background

of this colour

r0 g0 b51

r204 g204 b255

r251 g242

b36

7

The diagram below shows the RGB colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the BBC Sport Academy brand.

This palette must be used in televisual applications.

RGB Colours

r51 g 51 b102

NB. Logos must always

appear on a background

of this colour

r0 g0 b51

r204 g204 b255

r255 g204 b0

nb. yellow is only used

links/clickable information

8

The diagram below shows the web colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the BBC Sport Academy brand.

This palette must be used in online applications.

Web colours

www.bbc.co.uk/sportacademy

academywww.bbc.co.uk/sportacademy

academy

9

Colour examples

CMKY version Spot version

Web versionRGB version

10

(ii) Horizontal version

(i) Stacked version

NB. Only use the supplied logos

One colour

www.bbc.co.uk/sportacademy

academy

www.bbc.co.uk/sportacademy

�������x

x

x

x

x

11

x = height of BBC Sport lozenge

Exclusion zone/safe area

www.bbc.co.uk/sportacademy

academy19

44

Printed logo - size in mm

Embroidered logo - size in mm

61

146

* For minimum web sizes, see provided psd files12

Minimum sizes*

13

Dos and Don’ts

Do:

use the provided logos.

utilise the appropriate logo version for the

appropriate task, e.g. the web version for

websites, and the CMYK version for brochures.

use the one colour version on background

colours other than BBC Sport Academy

specified colours where applicable, e.g. when

used on publications other than the BBC Sport

Academy’s own.

Don’t:

put any version of the logo on top of

photographic imagery of any kind.

make the logo 3D.

use an outline version of the logo, typography

or mark.

change the proportions of either the mark or

the typography in relation to one another, e.g.

making the type bigger, but keeping the mark

the same size.

animate the logo, typography or mark.

use the logo in any colours other than those

specified in this document.

academy

SUB-BRANDS

15

Sub-brands

(i) Stacked version

NB. The square on the left is for the sub-brand

logo, in this case BBC Sport Academy Parent

(ii) Horizontal version

NB. This version should always be used on

website banners

c100 m92 y0 k10

NB. Sub-brand logos

must always appear on a

background of this colour

c79 m66 y0 k0

NB. Sub-brand name

must always appear on a

background of this colour

within the logo

c100 m94 y0 k47

c1.96 m4.31

y85.88 k0

16

The diagram below shows the CMYK colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the sub-brand.

Sub-brand CMKY colours

pantone 2746

NB. Sub-brand logos

must always appear on a

background of this colour

pantone 2726

NB. Sub-brand name

must always appear on a

background of this colour

within the logo

pantone 2766

pantone

yellow 012

17

The diagram below shows the spot colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the sub-brand.

Sub-brand spot colours

r51 g 51 b102

NB. Sub-brand logos

must always appear on a

background of this colour

r102 g102 b153

NB. Sub-brand name

must always appear on a

background of this colour

within the logo

r0 g0 b51

r251 g242

b36

18

The diagram below shows the RGB colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the sub-brand.

This palette must be used in televisual applications.

Sub-brand RGB colours

r51 g 51 b102

NB. Sub-brand logos

must always appear on a

background of this colour

r102 g102 b153

NB. Sub-brand name

must always appear on a

background of this colour

within the logo

r0 g0 b51

r255 g204 b0

nb. yellow is only used

links/clickable information

19

The diagram below shows the web colour palette and the relative weighting of each colour - the

larger the block the more significant the colour to the sub-brand.

This palette must be used in online applications.

Sub-brand web colours

20

CMKY version Spot version

Web versionRGB version

Sub-brand colour examples

21

(i) Stacked version

NB. The square on the left is for the sub-brand

logo, in this case BBC Sport Academy Parent

(ii) Horizontal version

One colour sub-brands

x

x

x

x

x

x

22

Sub-brand exclusions zone/safe area

x = height of BBC Sport lozenge

14

10

* For minimum web sizes, see provided psd files23

Colour sub-brand minimum sizes*

Stacked printed logo - size in mm

NB. Width is determined by sub-brand name

Horizontal printed logo - size in mm

NB. Width is determined by sub-brand name

45

31

24

Stacked emroidered logo - size in mm

NB. Width is determined by sub-brand name

Horizontal emroidered logo - size in mm

NB. Width is determined by sub-brand name

One colour sub-brand minimum sizes

25

Do:

use the provided logos.

utilise the appropriate logo version for the

appropriate task, e.g. the web version for

websites, and the CMYK version for brochures.

use the one colour version on background

colours other than BBC Sport Academy

specified colours where applicable, e.g. when

used on publications other than the BBC Sport

Academy’s own.

Don’t:

put any version of the logo on top of

photographic imagery of any kind.

make the logo 3D.

use an outline version of the logo, typography

or mark.

change the proportions of either the mark or

the typography in relation to one another, e.g.

making the type bigger, but keeping the mark

the same size.

animate the logo, typography or mark.

use the logo in any colours other than those

specified in this document.

Dos and Don’ts

PARENT

PARENT

academy

B = 50% of height of box

C = 50% of height of sub-brand logotype(top of ascender to bottom of descender)

A x 1.85B C

C

C

B

B

B

B

B

C

B

B

B

B BB

B

B

A x 1.85

A

* For web logo construction, see provided psd templates26

Sub-brand construction - stacked*

1 BBC Sport logo

2 Yellow line grows out vertically

3 Square sub-brand icon sits to left of this line

4 Sub-brand name sits to the right of the line

5 Academy brand block sits above sub-brand

6 Academy type sits to the right of the line

A x 1.85

A x 1.85

A

27

1 All BBC Sport academy sub-brand logos are

based on measurements taken from the BBC

Sport logo.

Sub-brand logo construction in depth - stacked

2 The yellow brand line grows out of the sport

logo vertically. The thickness of the line is

from the edge of the yellow block to the

starting edge of the BBC lozenges.

3 The sub-brand logo sits flush to the left of

the yellow brand line. All sub-brand logos

should be square and use the lighter blue

background colour of the respective palette

used (see pages 15 - 18).

PARENT

PARENT

academy

B = 50% of height of box

C = 50% of height of sub-brand logotype(top of ascender to bottom of descender)

B C

C

C

B

B

B

B

B

C

B

B

B

B BB

B

B

28

4 The sub-brand name grows from the right of

the yellow brand line. The name’s background

block must always be the lighter blue of the

respective palette used (see pages 15 - 18).

5 C is measured as half of the measurement

from the top of the ascender to the bottom

of the descender. The yellow brand line

grows vertically again to meet the top of the

Academy block.

6 The Academy logotype sits to the right of the

yellow brand line.

Sub-brand logo construction in depth - stacked (cont.)

academy

academyPARENT

B = 50% of height of box

B

BBB

B

B

B

BB B

B

B

B B

* For web logo construction, see provided psd templates29

As steps 1 - 3 on page 24, then:

4 Academy brand block grows from right of yellow line

5 Academy brand name sits to right of line, and sub-brand block added to right

6 Sub-brand name is added within sub-brand block

Sub-brand construction - horizontal*

academy

FONTS

31

Logotype

This font is used for the main BBC Sport Academy logo and also on sub-brands, such as BBC

Sport Academy Parent. It is not to be used for any other application other than logos.

For on screen representation, the font is designed to be used at 14 and 28 pixels, without

anti-aliasing (Photoshop only).

The logotype should only ever appear reversed out of a background colour.

abcdefghijklm

nopqrstuvwxyz

0123456789

!@£$_+-=[];’:”\|/?,.

32

The fonts below are for print and televisual usage only, and should only every appear reversed

out of the blue background colour.

Univers 57 condensed

ABCDEFGHIJKLMNOPQRSTUVWWXYZabcdefghijklmnopqrstuvwxyz1234567890!@£$%^&*()_+-={}[];’:”\|/<?>

Univers 67 bold condensed

ABCDEFGHIJKLMNOPQRSTUVWWXYZabcdefghijklmnopqrstuvwxyz1234567890!@£$%^&*()_+-={}[];’:”\|/<?>

Print and television

33

Online

The fonts below are for online usage only. Bold can be applied to body copy and links where

applicable and no type should be smaller than 10 pixels.

Headlines - font size 4, verdanar255 g255 b255

Body copy - font size 3, verdanar255 g255 b255

Link - 11px, 12px (nav), font size 3 (body copy), verdanar255 g204 b0

Link rollover - as Linkr255 g204 b0

Visited link - as Linkr255 g255 b204

Selected navigation link - 12px, verdana boldr255 g255 b204

nb. used in navigation only

academy

MOTION GRAPHICS

35

Flash loading animation

1 2 3 4

5 6 7 8

9 10 11 12

36

Television ‘signature’ animation

1 2 3 4

5 6 7 8

9 10 11

academy

MERCHANDISE

38

T-shirts - unisex/mens

39

T-shirts - two tone unisex/mens

40

T-shirts - womens fitted

41

T-shirts - two tone womens fitted

42

Individual sport t-shirts - unisex/mens

43

Individual sport t-shirts - two tone unisex/mens

44

Individual sport t-shirts - womens fitted

45

Individual sport t-shirts - two tone womens fitted

46

Baseball caps

47

Sub-brand t-shirts - unisex/mens

48

Sub-brand t-shirts - two tone unisex/mens

49

Sub-brand t-shirts - womens fitted

50

Sub-brand t-shirts - two tone womens fitted

51

Sub-brand t-shirts - alternate unisex/mens

52

Sub-brand t-shirts - alternate two tone unisex/mens

53

Sub-brand t-shirts - alternate womens fitted

54

Sub-brand t-shirts - alternate two tone womens fitted

academy

CONTACTS

56

Key BBC Sport Academy contacts

Design

Loz Gray loz.gray@bbc.co.uk 020 8624 8660

Marketing

Jamal Benmiloud jamal.benmiloud@bbc.co.uk 020 8225 6136

Editorial

Steven Cresswell steve.cresswell@bbc.co.uk 020 8225 8511