Channel 4 Digital Identity Thanks 4 Banners Guidelines
Index 03 - 04
Layout
05
Logo Placement
06 - 10
Copy
11
Colour Palette
12 - 13
Incorrect Examples
14
CTA
15
Sponsor Logo
16 - 17
Artwork
18 - 21
Assets
Layout
03
Leaderboard
728px x 90px
7px clear area from all ad unit edges
MPU
300px x 250px
7px clear area from all ad unit edges *All format borders include a 1px contrasting colour border
04
Layout Leaderboard
728px x 90px 1
2
1. 7px padding - content lockup should have padding on the left. 2. 11px padding above CTA.
MPU
300px x 250px
17px padding - content lockup should have padding on the left
05
Logo Placement The padding around the logo should be 33% of the pixel value (height and width). N.B. always round the numerical value to the nearest decimal point.
Within the content lockup, the All 4 logo contains safe areas which should not interfere with any text. This is an example of a lockup where the safe areas have been made visible to show a suitable distance between the logo and copy.
Copy
06
Setting copy of varying point sizes:
15pt 17pt
These are examples of Thanks 4 Banners. The show title should be 2px bigger than the copy text. N.B. even if the MPU has two lines of copy rather than one, the point size always remain the same.
14pt 16pt
*All text is typeface C4 Headline Regular
Copy Copy padding: Leaderboard
07
728px x 90px
14px
14px padding - show title and copy should have padding on the left
Copy Copy padding: Leaderboard
08
728px x 90px
10px padding above the show title. 10px padding between the show title and copy line. 10px padding below the copy line.
Copy Copy padding: MPU 300px x 250px
11px
11px padding on the left-hand side of the show title and copy.
09
Copy Copy padding: MPU 300px x 250px
20px padding above the show title. 10px padding between the show title and copy line. 20px padding below the copy line.
10
Colour Palette
11
Rewards colour palette: 1
2 1 3
4
5 4 2 3
5
12
Incorrect Examples Incorrect examples: In an MPU format, 3 lines of copy is too long. This example shows that if copy is 3 lines, the CTA and white box takes up too much space, therefore impacting the artwork.
In a leaderboard format, if the copy line is too long, the white box will need to be extended to accommodate the All 4 logo safe area. Therefore, if the sponsor logo is required it will impact artwork, which should never happen as the image is more important. In this example, the sponsor logo has interfered with the 146px wide safe area allocated for the artwork.
Incorrect Examples Correct examples:
In an MPU format, either one or two lines of copy are correct for the lockup. However, the leaderboard only accommodates one line of text due to its height.
13
CTA
14
CTA padding and point size in all formats: 10px
10px
10px
10px
10px
10px
10px
10px
10px padding around the CTA text, regardless of how long the text is. The chevron and play button is always centred to the background of the CTA square.
15
Sponsor logo Padding: Leaderboard
MPU
728px x 90px
300px x 250px
7px padding around the sponsor logo 7px padding around the sponsor logo
Artwork Image placement: Leaderboard
16
728px x 90px
In this format, the ad is divided into 5 sections (146px wide). The last section is where artwork assets should always appear. Objects sitting on the podiums should take precedence over the amount of podium shown, particularly when assets contain frames, otherwise the framed image will be too small.
Artwork Image placement: MPU 300px x 250px
For this format, there is no particular rule, other than ensuring that the main feature of the asset is above the CTA button. Also, the podiums can be a guide to centre align the assets in this format, rather than frames or plants etc.
17
18
Assets Foreground Elements: Tickets
C428989
C429060
C428914_noise_corrected_2image 25 - 2 for 1 offer on National Trust property linked with the Time Crashers
C429007
C428857
C428914_noise_corrected_2image C429365
*All images have been masked to allow the use of any chosen background. The assets have been optimised and reduced in file size.
C428914_noise_corrected
C429047
Assets
19
Foreground Elements: Film
C429204
C429196
Premieres
20 - Made in Chelsea LA premiere
11 - Slackers Club
16 - Film 4 Somerset House ticket competition
Generic
C429240
9 - Welcome-rightcolour-rightcrop
10 - Thanks 4 Generic-rightcolour-rightcrop
*All images have been masked to allow the use of any chosen background. The assets have been optimised and reduced in file size.
C429221
Assets
20
Foreground Elements: Merchandise and Food
19 - Happy birhday
Horse Racing
C428846_2images_1st
C428857
8 - York Horse Racing Competition – VIP Race Day
Holiday
27-Holiday
C429304
*All images have been masked to allow the use of any chosen background. The assets have been optimised and reduced in file size.
C428926_text
21
Assets Background Elements: MPU 300px x 250px
Leaderboard
728px x 90px
*All backgrounds have been designed for the MPU and leaderboard formats separately.
Lovingly created by Super natural wearesupernatural.com