Takeover Brand Guidelines

24
BRAND IDENTITY GUIDELINES OSP TAKEOVER VERSION 1.0

description

Takeover Brand Guidelines

Transcript of Takeover Brand Guidelines

Page 1: Takeover Brand Guidelines

BRAND IDENTITYGUIDELINES

OSP

TAKEOVER VERSION 1.0

Page 2: Takeover Brand Guidelines

GUIDELINES CONTENTS

INTRODUCTION1

LOGO2

TYPEFACE6

TYPOGRAPHY7

COLOUR8

DIMENSIONS9

VIDEO/IMAGE PROPERTIES10

VOICEOVER HIGHLIGHTS11

STARTING SOON TUNING12

WEEKENDTAKEOVER TUNING13

BRAND SPONSORING14

CELEBRITYTAKEOVER TUNING15

CREDIT SQUEEZE16

BUGS17

LOZENGE18

YOUTAKEOVER19

YOUTAKEOVER RESULTS20

YOUTAKEOVER TWEET21

Page 3: Takeover Brand Guidelines

GUIDELINES INTRODUCTION 1

These guidelines outline the aesthetic and brand for the TV channel Takeover, the follow guide is for the on screen presentation visual elements, colours and typography. This will enable you to design for screen based communications within our flexible guidelines which allow for experimentation and creativity whilst maintaining a cohesive and consistent brand.

Page 4: Takeover Brand Guidelines

IDENTITY LOGO 2

The primary TAKEOVER logo.

The TAKEOVER HD (High Definition) and TAKEOVER +1 (Plus one hour) logos.

Page 5: Takeover Brand Guidelines

IDENTITY LOGO 3

Logo for the sub brand YOUTAKEOVER. This logo should only be used as part of a YOUTAKEOVER showing on TAKEOVER or advertise the YOUTAKEOVER sub brand but should not be used to advertise the TAKEOVER channel.

Page 6: Takeover Brand Guidelines

IDENTITY LOGO 4

The TAKEOVER logos should be always be surrounded by a minimum area of space this ensure that text and images positioned near the logo do not distort the communication of the logo.

The invisible boundary has been constructed around the logo using square cell, the grey border around the logo create by these cell is the area which must remain free of text and images. The designated area shown here is the minimum and is given as a guide only this area should be enlarged where possible within a design or format.

Page 7: Takeover Brand Guidelines

IDENTITY LOGO 5

Visual Effects

The logo should not have pre-set effects applied to it in any manner such as drop shadows.

Altered

The logo should not be altered or adjusted in any way from it’s original format.

Distorted

The logo should not be distorted, manipulated or stretched in any way.

Colour

The logo should only be used and shown in the two brand colours, Takeover Purple or White.

When using the TAKEOVER logo within your design the following rules should be followed at all times.

Page 8: Takeover Brand Guidelines

IDENTITY TYPEFACE 6

The TAKEOVER brand uses two main fonts, ARS Marquette which should be used for the logo and select sub headings. Akkurat Pro should be used sub headings and body text.

The fonts are available upon request and are supplied in the open type format which is supported on both Mac and PC, only these supplied versions of the font should be used.

No other typefaces should be used in conjunction with the branding of the channel.

ARS Marquette Pro Blackabcdefghijklmnopqrstuvwxyzß朕AB CDEFGHIJKLMNOPQRSTUVWXYZÆŒ &0123456789*#@+<=>’”÷±%‰⁄?£$€ ƒ¥¢,.:;...“”‘’«»‹›·‚„!?¿¡(/)[\]{|}®©TMÄÅÂÁÃÀÇÉÊË ÈÍÎÏÌÑØÓÔÒÖÕÜÚÛÙŸáàâäãåçéèêëíìîïñøóòôöõ úùûüÿ†‡§ao¬•¶ı°`~^ˆ???? •-–—_

Akkurat Pro Regularabcdefghijklmnopqrstuvwxyzß朕AB CDEFGHIJKLMNOPQRSTUVWXYZÆŒ &0123456789*#@+<=>’”÷±%‰⁄?£$€ ƒ¥¢,.:;...“”‘’«»‹›·‚„!?¿¡(/)[\]{|}®©TMÄÅÂÁÃÀÇÉÊË ÈÍÎÏÌÑØÓÔÒÖÕÜÚÛÙŸáàâäãåçéèêëíìîïñøóòôöõ úùûüÿ†‡§ao¬•¶ı°`~^ˆ???? •-–—_

Akkurat Pro Lightabcdefghijklmnopqrstuvwxyzß朕AB CDEFGHIJKLMNOPQRSTUVWXYZÆŒ &0123456789*#@+<=>’”÷±%‰⁄?£$€ ƒ¥¢,.:;...“”‘’«»‹›·‚„!?¿¡(/)[\]{|}®©TMÄÅÂÁÃÀÇÉÊË ÈÍÎÏÌÑØÓÔÒÖÕÜÚÛÙŸáàâäãåçéèêëíìîïñøóòôöõ úùûüÿ†‡§ao¬•¶ı°`~^ˆ???? •-–—_

Akkurat Pro Bold abcdefghijklmnopqrstuvwxyzß朕AB CDEFGHIJKLMNOPQRSTUVWXYZÆŒ &0123456789*#@+<=>’”÷±%‰⁄?£$€ ƒ¥¢,.:;...“”‘’«»‹›·‚„!?¿¡(/)[\]{|}®©TMÄÅÂÁÃÀÇÉÊË ÈÍÎÏÌÑØÓÔÒÖÕÜÚÛÙŸáàâäãåçéèêëíìîïñøóòôöõ úùûüÿ†‡§ao¬•¶ı°`~^ˆ???? •-–—_

Page 9: Takeover Brand Guidelines

IDENTITY TYPOGRAPHY 7

Weight

TAKEOVER branding should make use of the three weights provided within Akkurat Pro.

The regular weight should be used for programme titling and related body copy.

The bold weight should be used for internet and twitter links.

The light weight is provided for optional use and can be used when larger text is being displayed, on screen legibility should always be considered when using this weight.

Style

Manipulating the typeface is prohibited. Stretching, condensing, outlining and drop shadow must never be used.

Spacing

When using any of the two typefaces in any of the weights the type should be set to 100% word spacing. When using Akkurat Pro letter spacing should be set to 100. When using ARS Marquette Pro letter spacing should be set to -25.

In some circumstances it may be necessary to adjust the spacing between individual characters manually.

Sizing

All sizing should be adjusted in accordance with format of titling that is being used.

Alignment

Titling and body copy should be aligned to the left and related sub titling should be aligned to the right. Right alignment should be used for instances such as ‘Now, Next and Later’ appearing next to programme titling.

Leading

Leading of the text will be dependant upon the programme titling layout and which be contextualised by the layout.

Colour

Type can be set in any colour from the TAKEOVER colour palette, however commonly type should be set in Takeover Purple or White.

The following guidelines should be applied when working type as part of your design.

Page 10: Takeover Brand Guidelines

IDENTITY COLOUR 8

White

255/255/2550/0/0/0#FFFFFF

Green 1

107/245/92 0/0/0/0#64F57E

Green 2

171/249/1640/0/0/0#B0F9B9

Grey 1

41/40/4069/63/62/56#363535

TAKEOVER Green

46/243/100/0/0/0 #00F346

Grey 2

229/229/2297/5/5/0#EAEAEA

Brand Colours

The TAKEOVER brand has four master colours which are used for branding, TAKEOVER Purple is the used to brand the channel and TAKEOVER Green is the colour used to brand the YOUTAKEOVER sub brand.

Secondary Colours

These secondary colours compliment the four master colours of the brand and are used for typography and other graphical elements and occasionally backgrounds.

Page 11: Takeover Brand Guidelines

ON SCREEN DIMENSIONS 9

1920 px (16:9)

1080px (16:9) 16:9 Safe Area

Programme Titling

Logo Area

BrandLogoArea

Page 12: Takeover Brand Guidelines

ON SCREEN VIDEO/IMAGE PROPERTIES 10

Before live video or images can be used as part of programming titling, two properties should be applied to ensure readability and legibility of the TAKEOVER logo. The live video or image should be blur by a measure of 5% and a white fill layer should be applied at an opacity of 20%.

The types of images of live video that should be selected for titling should be simple and focus on characters and faces rather than complex scenes. These images and videos should also have a limited colour variation. When selecting and positioning images the focus should always be on the face of the characters.

Live video or Image

5% Gaussian Blur White fill layer at 20% Opacity

Page 13: Takeover Brand Guidelines

ON SCREEN VOICEOVER HIGHLIGHTS 11

When programming is being advertised the colour of on screen programme titling can be formatted to synchronise with voice-overs. TAKEOVER Green should be used to highlight the show the voiceover is describing while other programme titling should be set in Green 2 and vice versa when the other programming is being described in the voiceover.

Homeland Highlight NCIS Highlight

Page 14: Takeover Brand Guidelines

ON SCREEN STARTING SOON TUNING 12

LogoNo logo should be used in this format and should only feature an image of the described show.

PrefixesPrefixes that should be used here are ‘Next’ and the date in which the show will air, this format should be used at the end of an advert advertising the shows next episode or after a TV spot for the show. Subheading prefix should only say ‘New Season Starts’

TimeTime should be formatted 11.30PM and not 11.30p or 11.30pm

TypeType should be set at size 75pt when designing for 1080p resolution in Akkurat Pro Regular.

ColourAll programme titling type should be set in TAKEOVER Green.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Page 15: Takeover Brand Guidelines

ON SCREEN WEEKENDTAKEOVER TUNING 13

LogoThe WEEKENDTAKEOVER logo should be resized to fit the width of the 16:9 safe window.

PrefixesNow, Next and Later prefixes should be used next to the three concurrent programme titling. Subheading prefixes can include ‘New Episodes’, ‘ Classic Episodes’ and ‘The Best of-’.

TypeType should be set at size 55pt when designing for 1080p resolution in Akkurat Pro Regular.

ColourLogo should be set in TAKEOVER Green as well as the ‘Now’ programme titling, ‘Next’ and ‘Later’ programming should be set in Green 1 and Green 2.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Page 16: Takeover Brand Guidelines

ON SCREEN BRAND SPONSORING 14

LogoThe WEEKENDTAKEOVER logo should be resized to fit the width of the 16:9 safe window.

PrefixesNow, Next and Later prefixes should be used next to the three concurrent programme titling.

TypeType should be set at size 55pt when designing for 1080p resolution in Akkurat Pro Regular.

ColourLogo should be set in TAKEOVER Green as well as the ‘Now’ programme titling, ‘Next’ and ‘Later’ programming should be set in Green 1 and Green 2.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Brand SponsoringWhen a programme is sponsored by a brand the brands logo should be positioned in the bottom right corner of the 16:9 safe area. The logo should be scaled to fit with a square 200px by 200px square when designing for 1080p resolution.

Page 17: Takeover Brand Guidelines

ON SCREEN CELEBRITYTAKEOVER TUNING 15

LogoThe logo should be constructed from the celebrities last name and be scaled to fit maximum width of the 16:9 safe area.

PrefixesNow, Next and prefixes should be used for programming titling. The following subheading construct should be followed ‘_________ Star ________ Takes over’

TypeType should be set at size 40pt when designing for 1080p resolution in Akkurat Pro Regular, programme titling can run onto two lines in this format but hyphenation should not be used.

ColourNow programme title should be set in TAKEOVER Green and Next programme title should be set in Green 2.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Page 18: Takeover Brand Guidelines

ON SCREEN CREDIT SQUEEZE 16

PrefixesOnly Next and Later should be used to prefix shows, Now should not be used.

TypeProgramming titling should be set to 75pt when designing for 1080p resolution and set in Akkurat Pro Regular.

ColourThe next programme title should be set in TAKEOVER Green, Later programme title should be set in Green 2.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Page 19: Takeover Brand Guidelines

ON SCREEN BUGS 17

TAKEOVER HD Bug, TAKEOVER+1 and YOUTAKEOVER bug sits in the top left corner, the logo should be displayed in white at 20% opacity. No other colours should be to display the bug on screen and should be aligned on the edge of the 16:9 safe area.

The YOUTAKEOVER bug should only be used during programming which is a YOUTAKEOVER segment in which the audience has voted for programming, this bug should not be used for normal programming. Furthermore this bug should override the TAKEOVER+1 bug and should be used on the plus channel when YOUTAKEOVER has taken place.

Page 20: Takeover Brand Guidelines

ON SCREEN LOZENGE 18

BugThe bug should remain present in the top right of the screen when the lozenge is present.

PrefixesOnly the ‘next’ prefix should be used within the lozenge to communicate the show following the ad break at the end of the current show.

TypeType should be set at size 35pt when designing for 1080p resolution in Akkurat Pro Regular. There is a maximum of two line available for the programme title.

ColourProgramme titling should be set in TAKEOVER Green.

Page 21: Takeover Brand Guidelines

ON SCREEN YOUTAKEOVER 19

LogoThe YOUTAKEOVER logo should be scaled to the maximum width of the 16:9 safe area.

PrefixesEach of the shows in the takeover should be prefixed with there current live vote percentages on twitter and should be set in Grey 1 and not TAKEOVER Green.

TypeProgramme titling should be set at size 55pt when designing for 1080p resolution in Akkurat Pro Regular. This format should feature the text ‘Vote now’ under the programme titling and should be set in Akkurat Pro Light at 55pt.

ColourAll programme titling should be set in TAKEOVER Green.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Page 22: Takeover Brand Guidelines

ON SCREEN YOUTAKEOVER RESULTS 20

Screen DivisionBefore a YOUTAKEOVER is shown the following screen format should be used to present the results. The image should be replaced with a solid block colour in TAKEOVER Green.

LogoThe logo should not be present on screen until the count has reached its final percentage, the logo should then be constructed from the name of the winning show followed by TAKEOVER. The logo should then be scaled to fit the width of the 16:9 safe zone.

PrefixesThe percentage prefixes should each start at 0% and increase accordingly with the vote scores and should be displayed in either TAKEOVER Green or white in opposition to the background colour.

TypeProgramme titling should be set at size 55pt when designing for 1080p resolution in Akkurat Pro Regular.

ColourType colour should be set according to the background and should be set as an opposite.

Page 23: Takeover Brand Guidelines

ON SCREEN YOUTAKEOVER TWEET 21

LogoThe YOUTAKEOVER logo should be scaled to fit the width of the 16:9 safe area.

TypeTweet content should be set in 40pt Akkurat Pro Regular, lower-case should be used a maximum of 140 characters can be displayed in this format. Twitter username should also be set at 40pt but in Akkurat Pro Light.

ColourTweet and username should both be set in TAKEOVER Green.

FooterWebsite URL and Twitter address should remain present, set in Akkurat Pro Bold in colour Grey 1.

Page 24: Takeover Brand Guidelines

TAKEOVER ©2012

For further information please contact

Peter MooreEmail— [email protected]— +44(0)20 7306 6479