30

FOX 17 REBRAND STYLEGUIDE

Embed Size (px)

Citation preview

FOX REBRAND TWC © 2013 1

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 20132 3

TABLE OF CONTENTIntroduction

The Big Idea

The FOX Brand

Identity logo: The FOX BOX

Brand colours & font guide

Typography

Layout and grids

Fullscreen template applications

Animation & photography

More detailed brand guidelines include Quad monitor & studio set Web application

>

>

>

>

>

>

>

>

>

>

04

06

09

10 - 11

13

14

15

16 - 40

41 - 55

56 - 57

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 20134 5

INTRODUCTIONThIs dOcuMenT prOvIdes BrAnd And desIgn guIdeLInes FOr neWs, prOMOTIOnAL pAckAges And BrOAdcAsTIng cAMpAIgns BAsed On cOnTenT OWned By TrIBune AFFILIATe FOX neWs sTATIOns.

There’s nOT Much ThAT BeATs The eXuBerAnce OF desIgnIng An IdeA InTO A BrAnd And BreAThIng LIFe InTO ITs eXpressIOn. sO TrIBune creATIve WesT WOuLd LIke TO shAre A BIT OF ThIs eXuBerAnce WITh yOu; In Order TO MeeT The deMAnds OF The FOX OrgAnIzATIOns’ cOMMunIcATIOn gOALs ThrOugh desIgn, BrAnd deveLOpMenT TO ArT dIrecTIOn And On-AIr vIsuAL sOLuTIOns.

end users shOuLd sTrOngLy AssOcIATe These InITIATIves sO IT Is IMpOrTAnT ThAT These WOrk TOgeTher TO BuILd And prOTecT ThE FOX BRAND.

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 20136 7

ThE BIG IDEAIn The pAsT, The recurrIng TunneL eFFecT WAs sTAMped On The FOX BrAnd OnTO The MArkeTpLAce BeLIevIng ThAT A cOnsIsTenT cyLIndrIcAL MOTIOn WOuLd drAW FOcus InTO The BrAnd.

TOdAy, TrIBune WesT creATIve Is sTAgIng FOX In A BrAnd sAvvy envIrOnMenT WITh A MOre energeTIc LuMInOsITy IMpAcT TO ATTrAcT ITs cOnsuMers TO see The BrAnd LIvIng, BreAThIng AndBecOMIng pArT OF TheIr LIves. yes, There Is LIghT OuTsIde The TunneL, ThIs LIghT BecOMes An InvITATIOn TO jOIn And InTerAcT, jusT LIke The MOThs.

The eQuAL AppeArAnce OF red, BLue And WhITe MATches The BrAnd And AcTs As sTrOng FOundATIOn OF FOX: BALAnced, FAMILIAr And TrusTed pArTner OF chOIce.

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 20138 9

> FOX_For knowledge. For smart. For Balance.

> FOX_For 59 million of us.

> FOX_For evolution not revolution

> FOX_For familiarity and consistent presence. For acceptance and allegiance.

> FOX_For inspiring professionals to inspire audiences. For connecting people in

ways that transcend borders and push back the boundaries of technology.

> FOX_For more open and expressive. For fostering less rigid and more flexible

tone, a balanced tone between emotional engagment and continuity.

> FOX_ification is an embraced method of design that gives advantage to

articulate the brand’s identity.

IF yOU CAN ImAGINE IT ON OThER sTATION, ThEN IT IsN’T FOX ENOUGh!

ThE FOX BRANDVALUEs AND PRINCIPLEs ThAT DETERmINE ThE BEhAVIOR OF ThE FOX BRAND IN BROADCAsT ENVIRONmENT.

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201310 11

IDENTITy LOGO: ThE FOX BOXsTATION LOGO (mAsTER LOGO) sTANDARDIzING ThE LOGOs FOR ThE VARIOUs CITIEs

We refer to the FOX master logo as FOX BOX. This device holds strongly together the entire FOX brand portfolio and, as an icon,

it quickly expresses everything that is FOX. It is our most valuable asset.

The initial FOX BOX and the searchlights are trademarks of the FOX brand. The copyright of these elements belongs to FOX.

The FOX BOX contains three partitions: The header holds the FOX logotype; the mid-section holds the name of the city it is

broadcasting from and the bottom holds the region’s name in capital letters, In this case WesT MIchIgAn.

The bottom font has the font family LOCKED, BreAkers.

Logo must be reproduced from original files provided by Tribune West creative.

Always appears vertically except when they are embedded in horizontal layouts.

not be used as a pattern or as a design feature

The minimum size for the FOX BOX is 10mm wide.

> prIncIpLes

> desIgn guIdeLInes

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201312 13

BRAND COLOUR & FONT GUIDEssTATION LOGO (mAsTER LOGO) sTANDARDIzING ThE LOGOs FOR ThE VARIOUs CITIEs

The FOX BOX must be only reproduced in blue/red/white, black and white as well as gray shade.

The logo must be clear and legible. use the most visible color version against any background.

The colours stay in a Blue and red spectrum in rgB and below are the ranges:

The first red and Blue represent the primary base colours for the rebranding package design.

The secondary type is a darker hue of the FOX blue spectrum for designing various elements.

*yOu cAn IMpOrT The AdOBe kuLer sWATch InsIde Any AdOBe prOducT

> cOLOurs In rgB

186 0 0 0 0rgB 0 12 12 18 770 171 65 102 171

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201314 15

TyPOGRAPhyUNIVERsAL RULE: ALL hEADLINEs AND LOWERThIRD INFORmATION mUsT BE IN CAPs LOCK.

> Font Families used BreAkers

> chArAcTer nOT TO use

This is a list of characters nOT TO Be used! When naming story slugs (producers) or naming graphic files (designers)

that will live in Artbox using any of these characters will cause our graphic workflow to malfunction.

pLeAse Adhere TO ThIs LIsT:

/ & [ “ ) | { ! \ ; ] * > # } ‘ ( @ ? < $ ~*hOWever yOu cAn use The FOLLOWIng: _ (underscOre)

BREAKERS ULTRA

BREAKERS BLACK

BREAKERs BOLD

BreAkers reguLAr

BREAKERS LIGHT

FOX NEWS BREAKING NEWS TONIGHT AT TEN

FOX NEWs BREAKING NEWs TONIGhT AT TEN

FOX NEWs BREAKING NEWs TONIGhT AT TEN

FOX neWs BreAkIng neWs TOnIghT AT Ten

FOX NEWS BREAKING NEWS TONIGHT AT TEN

A B c d e F g h I j k L M n O p Q r s T u v W X y z - 1 2 3 4 5 6 7 8 9 0 a b c d e f g h i j k l m n o p q r s t u v w x y z

LAyOUT AND GRIDsBAsED ON GOLDEN TEmPLATE sysTEm

The premise of the system is ideally suited to rapid visual composition, and it would work equally well when integrated into

a production of new templates within the rebranding package. These design layout sheets are delivered in digital pdF files.

There are two variants:

1- This broadcasting grid is an effort to provide dATA drIven templates by the commonly used sd dimensions 720x486

within the hd width of 1920x1080 pixels. This means all dATA should be within sd safe, however all graphics and imagery

should uncompromisingly be in the hd safe, as well as location identifying text for all video or live boxes.

2- The 5-column grid is divided into portions that are 16 pixels wide.

> purpOse

> dIMensIOns

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201316 17

FULLsCREEN TEmPLATE APPLICATIONsDEsIGNERs & PRODUCERs/WRITERs/REPORTERs

use the naming convention when saving all final graphics to vizrT or attaching to an order.

When searching vizrT use the naming convention, eXAMpLes below.

After the “pre-title” the name /title of the graphic should appear next. By using “pre-titles” this will cut down on the search,

this will be especially helpful as the system gets fuller.

The cOrrecT cATegOry needs TO Be seLecTed By The prOducer/WrITers When OrderIng Or The IMAges WILL Be pLAced In The

WrOng TeMpLATe And IT WILL nOT WOrk.

ALsO When seArchIng In ArTBOX use The desIgn nAMIng cOnvenTIOn ThAT Is hI-LIghTed In red (Left List).

eXAMpLe: LOWer MedIcAL Or Fs OBAMA Or OTs gAs puMp Or spOrTs chIcLeT dOdgers

> desIgners

> prOducers/WrITers

> desIgn nAMIng cOnvenTIOn > TeMpLATe nAMIng cOnvenTIOnn BuLLeTs IMAgeXBAnner LOgOXBuLLeTsXFssXFuLL screen IMAgeXheAdshOTsXLOgOLOWerXOTsXMApXpLAsMAhOrXpLAsMAver

X QuAd MOnITOrXspOrTs AcTIOnXspOrTs heAdshOT

cOMIng upFs 5 BuLLeT IMg Or sQzFs 5 BuLLeT IMg Or sQz cOnTFs hd InFOFs LOTTeryFs QuOTeFs WeATher In 17FuLL screen IMAgeheAdshOTshrz MOnITOr

LOWer 3rdOTsQuAd MOnITOrspOrT 2 pLAyerspOrT pLAyer BuLLeTspOrT pLyr QTspOrT prOMOspOrT sTATsTrAFFIc cAmvIdeO BOX

LOWERThIRD & TICKER APP.FOXBOX/INGET/REPLACEABLE ImAGE+VIDEO/TICKER

OBAmA VIsITs REPUBLIC OF ChINA

UPPER BUG LOCATION BUG

FOX LOGO BUG

TWITTER BUG

TImE & TEmP.

LOCATION BUG

LOWER BUG ELECTION BUG

TICKER TITLE TICKER FLIPPING LINE GIzmO REPLACEABLE

KALAmAzOO KALAmAzOO #TWITTER

WEAThER

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201318 19

LOWERThIRD_upperBug_repLAceABLe IMAge/vIdeO_TIcker BAr LOWERThIRD BREAKING NEWs_One LIne_repLAceABLe IMAge/vIdeO

LOWERThIRD REGULAR_TWO LInes_dOuBLe IngeT

LOWERThIRD_nO TIcker LOWERThIRD ThREE LINEs_repLAceABLe IMAge/vIdeO

LOWERThIRD REGULAR_One LIne_dOuBLe IngeT

repLAceABLe TeXT In The TOp WhITe BAr IngeTrepLAceABLe One LIne On BLue BAr 56PTS

BREAKING NOW

BREAKING NOW

WEsT mIChIGAN

WEsT mIChIGAN

GRAND RAPIDKALAmAzOO

DEVELOPING LIVE

JUsT IN EXCLUsIVE

RECORDEDARChIVE

LIVE WASHINGTON D.C.EXCLUsIVE SAN DIEGO

cLeAr LAyer ALIgns WITh The repLAceABLe IMAgeFLIppIng TIcker

repLAceABLe TOp LIne On BLue BAr 56PTSrepLAceABLe BOTTOM LIne On BLue BAr 56PTSrepLAceABLe TeXT In The TOp grAy BAr IngeT

+

BREAKING NOW WEsT mIChIGAN+

LOWERThIRD sPECIAL_One LIne LOWERThIRD sPECIAL_deveLOpIng sTOry

BREAKING NOW WEsT mIChIGAN+ BREAKING NOW WEsT mIChIGAN+

BREAKING NOW WEsT mIChIGAN+

sTATIOn cITy & FLIp TO TIMe And TeMperATure

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201320 21

LOWERThIRD ThREE LINEs_TWO IngeTs

sNIPE hOT ChANGE sECOND LINE (UNLImITED hOT ChANGE)

sNIPE ONE LINE (CONTINU)sNIPE INTRO *yOu cAnnOT use TWO IngeTs On A Three LIne LOWerThIrd

ANImATING BACKGROUND VIzRT NATIVE

LOWERThIRD REGULAR_TWO LInes_eMpTy heAdLIne red BAr

*yOu cAnnOT use A Three LIne WITh An eMpTy heAdLIne BAr

*yOu cAnnOT use A dOuBLe LIne In A BreAkIng neWs LOWerThIrd

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201322 23

LOWERThIRD TWITTER_WITh An AuTOMATed TrIgger FIrsT And secOnd LIne

LOWERThIRD FACEBOOK_WITh An AuTOMATed TrIgger FIrsT And secOnd LIne ANImATING BACKGROUND VIzRT NATIVE

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201324 25

ANImATING BACKGROUND VIzRT NATIVE

ThEmED PhOTOGRAPhy REPLACEABLE ALPhA ON BOTh sIDEs FOR sPORTs PROmO

NEWs PROmO WITh REPLACEABLE ALPhA ON ThE LEFT WITh DUAL ANChOR PhOTOThEmED PhOTOGRAPhy REPLACEABLE ALPhA ON ThE RIGhT sIDE

EXAmPLE sPORTs PROmO

DOUBLE BOXEs, TRIPLE BOXEs & QUAD BOXEs

DBX sTUDIO LIVEDBL BOX/PLAIN

TBX_sTACKED/TBX-hORIzONTAL

*yOu cAn OnLy use A BLAck And WhITe phOTOgrAphy FOr Any vIz Bkgnd, eXcepT FOr spOrT prOMO TeMpLATe ChECK *.PsD LAyERs (X Fs sP PROmO)

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201326 27

LIVE mAP & sTUDIO BOXEs

dBX_sm_Lg QuAdBX QuAdBX-hOrIzOnTALdBX_LIve repLAceABLe MAp IMAg WITh On The phOne IngeT

dBX_LIve repLAceABLe MAp IMAge And vIdeO B-rOLL TBX-pAnOrAMA

QUAD BOXEs (4BX)

*yOu cAnnOT use The LOWerThIrd On The TrIpLe pAnOrAMIc BOX And QuAd hOrIzOnTAL BOXes.

ON ThE PhONE

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201328 29

PLAsmA VERTICAL hORIzONTAL & OTs

hOrIzOnTAL pLAsMA_WITh TITLe/LOgO

hOrIzOnTAL pLAsMA_nO TITLe/nO LOgO

verTIcAL pLAsMA_TITLe/LOgO

PLAsmA VERTICAL hORIzONTAL & OTs

verTIcAL pLAsMA_nO TITLe/nO LOgO

OTs On The LeFT sIde

OTs On The rIghT sIde

The plasma vertical/horizontal and OTs looks best with nO MOre than three images, two looks best. Most common usage of a plasma graphics would be a cutout headshot and a cutout logo on both left and rightside.

plasma vertical/horizontal and OTs One line of text typed in by the producer. This has a repLAceABLe field.

OTs One line of text typed in by the producer. This has a repLAceABLe field and a hIde On eMpTy function.

reMInder: Once the graphic is made by design and stored in the Object store it can then be searched in object store using the proper naming convention before the title.

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201330 31

FULLsCREEN QUOTEs & BULLETPOINTs (Fs)

repLAceABLe IMAge And suBTITLe Are BOTh OpTIOnAL And hAve A hIde On eMpTy FuncTIOn

cOurTesy TAg BAr WITh A hIde On eMpTy OpTIOn

QuOTe_“hIde On eMpTy” repLAceABLe IMAge And suBTITLe

QuOTe_nO heAder Fs QuOTe nO repLAceABLe IMAge And nO heAder

FULLsCREEN QUOTEs & BULLETPOINTs (Fs)

sIde BuLLeTpOInT _OpTIOn OF hAvIng OnLy 2 Or 3 BuLLeTpOInTs

BuLLeTpOInT_nO IMAge BuLLeTpOInT_repLAceABLe IMAge

Fs - Full screen templates in viz. This area is for replaceable imagery one elements/photo or video still are the limit and one looks best.

Fs - Text area will be put in by the producer/Writer/reporter

desIgners - save the replaceable elements as: Fs name of graphic eXAMpLe: Fs stethoscope Medical

prOducer/WrITers seArch Fs And WOrd In OBjecT sTOre

geTTy IMAges

TOp rIghT IngeT And TITLe BOTh Are OpTIOnALcOurTesy TAg BAr WITh A hIde On eMpTy OpTIOn

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201332 33

FULLsCREENs (Fs) LOTTERy & FINANCIAL

FInAnce Three LIne (LOWerThIrd sAFe)

LOTTery TWO LIneLOTTery Three LIne (LOWerThIrd sAFe)

FInAnce Three LIne

FULLsCREEN hEADshOTs (Fs)

TWO Mug_pLAIn _heAder OpTIOnAL

Mug_pLAIn

Three_Mug_pLAIn_heAder OpTIOnAL

Fs - Full screen templates in viz. This area is for replaceable imagery 1-2 elements are the limit and one looks best.

Fs - Text area will be put in by the producer/Writer/reporter

desIgners - save the replaceable elements as: Fs name of graphic eXAMpLe: Fs stethoscope Medical

prOducer/WrITers seArch Fs And WOrd In OBjecT sTOre

desIgners: cuTOuT pics and place on the White blended Bg created In vIz

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201334 35

FULLsCREENs hEADshOTs (Fs)

hOrIzOnTAL IMAge_pLAIn

FOur Mug_pLAIn nO heAderFOur Mug_pLAIn_heAder OpTIOnAL

Mug_descrIpTIOn

FULLsCREEN sPORTs (Fs)

nFL pLAyersTATs

scOreBOArd (2 LIne And OpTIOn OF 4 LInes)scOreBOArd (2 LIne And OpTIOn OF 4 LInes)

pLAyersTATs_repLAceABLe IMAge QuOTe

cOurTesy TAg BAr WITh A hIde On eMpTy OpTIOn

geTTy IMAges

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201336 37

FULLsCREENs sPORTs (Fs)

pLAyersTATs repLAceABLe IMAge BuLLeTpLAyersTATs_repLAceABLe IMAge BuLLeT

sIde By sIde pLAyersTATs_repLAceABLe TeAM chIcLeTssIde By sIde pLAyersTATs_repLAceABLe TeAM chIcLeTs

FULLsCREENs PROmO & sCOREBOARD LOWERThIRD

scOreBOArd LOWerThIrd_nO resuLT WITh spOnsOr

prOMO MAjOr LeAgueprOMO cOLLege TeAMs

scOreBOArd LOWerThIrd_resuLT WITh spOnsOr

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201338 39

FULLsCREENs WEAThER

WeATher hIghLIghTs/WeATher Bug LIve InserT OpTIOnAL

WeATher 4 LIne FOrecAsTWeATher 7 dAy FOrecAsT

WeATher hIghLIghTs/IMAge And WeATher Bug LIve InserT OpTIOnAL

FULLsCREENs WEAThER

WeATher BAnner TOp LeFT_TOp rIghT_WeATher Bug And LOcATIOn

sIX TO eIghT cITy WeATher FuLLscreencITy WeATher On MAp

WeATher IcOn

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201340 41

FULLsCREENs TRAFFIC

TrAFFIc BAnner_nO suBTITLeTrAFFIc BAnner_suBTITLe

FULLsCREEN CREDITs (Fs)

credIT FuLLscreen

ANImATION & PhOTOGRAPhyTrIBune WesT creATIve WOrked On A FOX reBrAnd pITch And ThOughT An InTeresTIng TypOgrAphIc TechnIQue WOuLd Be TO eMIT desIgned pIeces OF The F, O And X LeTTerFOrMs AT cAMerA, The InsTAnces deTerMIned rAndOMLy By A 3 pArTIcLe sysTeMs, One FOr eAch LeTTer, MAkIng up An ever-chAngIng And dynAMIcALLy FOXTAsTIcAL LOgO In A MInd-OpenIng dIMensIOn And perspecTIve.

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201342 43

shOW OPENs

NEWs AT sIX

NEWs AT FIVEmORNING NEWs

NEWs AT TEN

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201344 45

sEGmENT OPENs sTORyBOARD & REPLACEABLE ImAGEs

phOTO AFrAMe 0020

phOTO AFrAMe 0010

AFTer eFFecTs_phOTO A repLAceABLe (_repLAce pIc_seg - Open )FrAMe 0004

phOTO AFrAMe 0025

sEGmENT OPENs sTORyBOARD & REPLACEABLE ImAGEs

phOTO B & phOTO cFrAMe 0035

phOTO B & phOTO cFrAMe 0055

phOTO B & phOTO c MAsk

AFTer eFFecTs segMenT TITLe sIngLe Or dOuBLe LIne (_repLAce TeXT & pIc_seg - Open)

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201346 47

FRANChIsE OPEN

phOTO A & phOTO B MAsk (AFTer eFFecTs LAyers_repLAce Me)

TrAnsITIOn TO TITLevIdeO TrAnsITIOn

TRANsITION (FOX hORIzONTAL)

FOX WITh The cITy TITLeAFTer eFFecTs FrAnchIse TITLe sIngLe Or dOuBLe LIne (_repLAce TeXT & pIc_Fopen)

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201348 49

TRANsITION (FOX KITE)

FOX BOX ALphA vIdeO A

FOX BOX ALphA vIdeO B

sTINGER

AFTer eFFecTs sTInger TITLe sIngLe Or dOuBLe LIne (_repLAce TeXT & pIc_Fopen)

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201350 51

BUmPER BACKGROUND & BILLBOARD LOOP

pLAsMA LOOp On LIghTer pAneL

pLAsMA LOOp On dArker BAckgrOundpLAsMA LOOp_pLAIn

pLAsMA LOOp WITh spOnsOr On BAckgrOund

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201352 53

BACKGROUND & BILLBOARD LOOP

pLAsMA LOOp WITh spOnsOr On dArk pAneLpLAsMA LOOp WITh spOnsOr On LIghTer pAneL

BRANDING BILLBOARD PLAsmA LOOP

verTIcAL pLAsMA LOOp

hOrIzOnTAL pLAsMA LOOp_cenTered BrAnd

hOrIzOnTAL pLAsMA LOOp_sIde BrAnd FOr AnchOr pLAceMenT

*yOu cAn use The pLAsMA In OTher AreAs such As dvd

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201354 55

TOPICAL PROmO

FInAL cOMpOsITIOn

endpLATe_dAy/TIMe & Bug

TOpIcAL LOWerThIrd TrIggerIng The heAdLIne TITLe

endpLATe_dAy/TIMe & Bug

FOX REBRAND TWC © 2013 FOX REBRAND TWC © 201356 57

QUAD mONITOR & sTUDIO sET WEB APPLICATION

FOX REBRAND TWC © 201358

TRIBUNE WEST CREATIVE © 2013