MASTER LOGO
There must always be significant clear space between the logo and other page elements. The minimum clear space is equal to the height of the roundel’s inner circle. Other page elements that must not encroach on this clear space include type, icons, lines, or illustration.
The logo may be placed over blocks of colour or photography, as long as the edges do not encroach on the clear space. Please ensure maximum contrast, by choosing the right logo colour
The preferred positioning of the logo is in the top left of a page. A clear space of 2x the size of the inner circle will ensure an appropriate margin space for every format.
Positioning of imagery and illustrations should be considerate of the logo position and not lead to legibility issues.
DIGITAL BANNERS
The master logo is used in the top left corner of digital banners, apart from on narrow formats where the logo placement is centred to maintain balance and legibility.
Standard logo sizing for banners is 110px in height, exceptions can be made for extremely small and narrow formats.
PAGE TAKEOVERS AND MPUS
An exception is made to allow usage of the The Great British Sound (GBS) logo.
The GBS logo is a modular device. This ensures it will work effectively across all collateral. The logo is available in a vertical and horizontal.
The logo should always feature the flag on either the top or left side of the typography.
COLOURS
Our core colours are designed to be neutral and functional, providing a solid base and good contrast to present information.
| Midnight | PANTONE
289
289 U | RGB
26 / 46 / 62 | CMYK
97 / 63 / 13 / 41 |
| Shard Grey | PANTONE
Cool grey 10 CP
Cool grey 11 UP | RGB
84 / 87 / 92 | CMYK
26 / 16 / 9 / 44 |
| Bermondsey Blue | PANTONE
2160 C
2160 U | RGB
55 / 81 / 99 | CMYK
71 / 29 / 5 / 28 |
| Guy’s Grey | PANTONE
Cool grey 1 CP
Cool grey 1 UP | RGB
243 / 243 / 243 | CMYK
4 / 3 / 6/ 7 |
| White | PANTONE
11-0601 TCX | RGB
0 / 0/ 0 | CMYK
0 / 0 / 0 / 0 |
HIGHLIGHT COLOURS
Highlight colours are to be used sparingly within type to bring attention to key pieces of information or prompts.
They are designed specifically to work as a distinct contrast against the core colours.
| Highlight Orange | PANTONE
136 C
136 U | RGB
244 / 152 / 28 | CMYK
0 / 33 / 100 / 0 |
| Highlight Blue | PANTONE
292 C
292 U | RGB
74 / 170 / 224 | CMYK
53 / 2 / 1 / 0 |
TYPOGRAPHY
We use 3 weights of Montserrat to communicate a range of information. It’s important to use a weight that best suits the message. All capital use is widely spaced.
Regular / Semi / Bold
Regular italic / Semi italic / Bold italic
REGULAR / SEMI / BOLD
Montserrat is available under an Open Font License and can be downloaded from Google Fonts, making it accessible for anyone to use.
SECONDARY TYPEFACE
A serif font, PT Serif, is a tool for editorial formats and stand-alone copy. Use it to bring attention to specific pieces of copy
PT Serif is available under an Open Font License and can be downloaded from Google Fonts, making it accessible for anyone to use.
Regular / Italic / Bold
EMAIL MARKETING (STANDARD)
H1 - 36px Helvetica Bold
H2 - 22px Helvetica Bold
Body - 16px Helvetica Regular
Always left aligned
TYPE AND COLOUR
When type appears on the light brand colours, it can appear in either Midnight or Shard Grey, along with the highlight colours.
When using type on dark colours or dark imagery, the type is always white or one of the highlight colours. It is important to remember that contrast is essential within all communications.
