brand guidelines - loz gray · 2016. 9. 13. · sub-brand cmky colours. pantone 2746 nb. sub-brand...
TRANSCRIPT
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 [email protected] 020 8624 8660
Marketing
Jamal Benmiloud [email protected] 020 8225 6136
Editorial
Steven Cresswell [email protected] 020 8225 8511