88
IDENTITY STYLE GUIDE 2016

Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Embed Size (px)

Citation preview

Page 1: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 1

IDENTITY STYLE GUIDE2016

Page 2: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 20162

v

TABLE OF CONTENTSIntroduction The ‘Q’ Reveal Brand Mission Identity FamilyLogotypeChannel LogoBrand ArchitectureDigital LogosFont FamilyBrand ColorPatternLayout and GridStationary Promotional ItemsSocial MediaOn-Air ExperienceFullscreen TemplatesLowerthird & Ticker App.Informational GraphicsNews BoxesOver the Shoulder GraphicsPlasma GraphicsSports Informational GraphicsWeather & TrafficAnimation & PhotographyTopical Promo Toolkit

04 - 0506 - 08091011 - 1415 - 17181920 - 2122 - 2324 - 25 26272829303132 - 3637 - 4245 - 51515253 - 6162 - 6365 - 8486 - 88

Page 3: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 3

Page 4: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 20164

THE Q13 IDENTITY IS A COMPREHENSIVE DESIGN SCHEME COMPRISING OF A NUMBER OF CORE ELEMENTS. THESE ELEMENTS COME TOGETHER TO MAKE THE Q13 BRAND UNIQUE, RECOGNIZABLE AND DISTINCT FROM OTHER

BROADCAST AND MEDIA COMPANIES.

THIS STYLE GUIDE PROVIDES BRAND AND DESIGN GUIDELINES FOR NEWS, PROMOTIONAL PACKAGES, AND BROADCASTING CAMPAIGNS BASED ON CONTENT OWNED BY THE TRIBUNE FOX AFFILIATE KCPQ SEATTLE STATION. IT DEMONSTRATES HOW OFF/ON-AIR DESIGN ELEMENTS SHOULD BE EXECUTED TO ENSURE THAT ALL MESSAGES ARE ENGAGING, AESTHETICALLY PLEASING, AND CONSISTENT WITH THE OVERALL BRAND IDENTITY.

THERE ISN’T MUCH THAT BEATS THE EXUBERANCE OF DESIGNING AN IDEA INTO A BRAND AND BREATHING LIFE INTO ITS EXPRESSION. IN ORDER TO MAINTAIN A VISUAL CONSISTENCY WITHIN THE NEW Q13 BRAND, END USERS ARE ENCOURAGED TO FOLLOW THESE DESIGN GUIDELINES.

Page 5: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 5

Page 6: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 20166

THE ‘Q’ REVEALThe new logo and monogram has been designed by the Tribune Creative Group in

collaboration with the Q13 Creative Department. The ‘Q’ and the ’13’ combined with a robust,

stylish typeface, allow the identity of the station to evolve without abandoning its roots.

REBRANDING Q13 SEATTLE WAS A UNIQUE AND RARE EXPERIENCE. IT ALLOWED TRIBUNE’S CREATIVE TEAM TO BE TRULY ORIGINAL IN PROVIDING A NEW STATION BRAND LOGO AND A COMPLETELY TURN-KEY PRODUCTION PACKAGE. THE TEAM SET A NEON-FRESH COLOR PALETTE OF BLUE AND GREEN AS THE FOUNDATION, AND COMBINED PARALLAX ELEMENTS INTO THE DESIGN.

THIS PROVIDED THE BASIS FOR A VISUAL ENVIRONMENT THAT PROMOTES QUALITY STORYTELLING IN NEWS. THE TEAM MIXED PHOTOGRAPHY, ADAPTIVE DESIGN ELEMENTS, AND DRONE FOOTAGE TO CREATE A TAILORED, GRAPHICALLY RICH MOTION GRAPHICS PACKAGE. THE RESULT IS A FRESH AND BEAUTIFULLY DETAILED LOOK THAT INCLUDES A CLEAN AND VERSATILE LOWERTHIRD SYSTEM WITH A FULL-FUNCTIONING TICKER SOLUTION.

Page 7: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 7

Page 8: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 20168

Page 9: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 9

We created a visual identity that could organize and simplify communication with the station’s audience and could at the same time define a clear hierarchy, bringing together the community (Seattle’s culture) and the viewers to represent the city for everyone. Although Seattle has a large demographic, the city invokes the feeling of a close-knit community. We wanted to capture the essence and attitude of the city by creating a feeling of “home.”

The new logo that Seattle needed had to be much more than a single logo, much more than the letter ‘Q’. It needed life and personality. It needed to represent each citizen’s home. We worked to build an identity that reveals stories and portrays UNITY.

‘Q’ UNITY! The descender on the ‘Q’ was designed to support the station’s sporting events. Its edge depicts an interesting shape and yet maintains the legacy iconic screen. The new logo evokes stricking energy, fluidity and vigor. It is a recognizable mark and unmistakably ‘ours.’ Q13 is a direct affirmation of who we are and what we represent.

What now? Unity. We want family and fans to unite. We want Q13 to be theirs.Our ultimate goal is for the brand identity to be a reflection of both family and fans. We want to generate feelings of relatability and BRAND LOYALTY.

BRAND MISSIONQ13 NEWS is now live, on-air with an entirely original new design presentation, and is setting a new standard for local news production throughout Seattle.

Page 10: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201610

IDENTITY FAMILYTHE PRIMARY LOGO

THE SECONDARY LOGO

> THE Q13 LOGOTYPE

> THE Q13 MONOGRAM

The primary logo is the Q13 logotype; for use across all media and applications.

The secondary logo is the ‘Q’ monogram; for use in certain applications.

Alright Sans Font Family

Page 11: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 11

LOGOTYPE

Page 12: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201612

LOGOTYPE CONSTRUCT

Page 13: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 13

LOGOTYPE CONSTRUCT

Page 14: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201614

The Q13 logotype is rendered in navy, reversed out of the primary brand colors navy and green, or used on top of photographic imagery in white. The logotype may be reversed out of the secondary palette when used within the context of merchandising.

LOGOTYPE INVERT

White on photographic background

Page 15: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 15

CHANNEL LOGOGENERAL USAGE

> LIGHT BACKGROUND: TWO COLORS ON LIGHT BACKGROUND: NAVY & GREEN

> LIGHT BACKGROUND: MONOCHROME ON LIGHT BACKGROUND: BLACK

> DARK BACKGROUND: MONOCHROME ON DARKER BACKGROUND: WHITE

Page 16: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201616

MINIMUM SIZETo maintain clarity and legibility, the Q13 logotype may not be displayed below the minimum size as outlined in the diagram below.

CHANNEL LOGO

EXCLUSION ZONEThe Exclusion Zone is defined by the width of the ‘Q’ in the logotype. The Q13 logotype must always be surrounded by a minimum area of space. This area of isolation ensures that headlines, text or other visual elements do not encroach on the logo. Please note: The Exclusion Zone is a minimum and should be increased wherever possible.

*For possible exceptions to this rule, e.g. on-site stadium signage, contact the creative department!

17pixels

WIDTH OF THE ‘Q’ THICKNESSS

Page 17: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 17

MINIMUM SIZETo maintain clarity and legibility, the channel logos may not be displayed below the minimum size, as outlined in the diagram below.

CHANNEL LOGO SPONSORSHIP

EXCLUSION ZONEThe Exclusion Zone is defined by the width of the ‘Q’ in the logotype. The Q13 logotype must always be surrounded by a minimum area of space. This area of isolation ensures that headlines, text or other visual elements do not encroach on the logo. Please note: The Exclusion Zone is a minimum and should be increased wherever possible.

* Please note: The Exclusion Zone is a minimum and should be increased wherever possible!

23pixels

WIDTH OF THE Q THICKNESS

WIDTH OF THE Q THICKNESS

WIDTH OF THE Q THICKNESS

1/2 WIDTH OF THE Q THICKNESS

1/2 WIDTH OF THE Q THICKNESS

LIVE

Page 18: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201618

BRAND ARCHITECTURETHE Q13 LOGO SUITE CONSISTS OF THE PRIMARY AND SECONDARY LOGOS FOR THE CHANNELS AND DIGITAL PRODUCTS.

> STATION LOGO

> TV (ON-AIR APPLICATIONS)

> DIGITAL (NEWS)

> FOX NETWORK AFFILIATE & PARTNERSHIP

> TV (ON-AIR NEWS APPLICATIONS)

Page 19: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 19

DIGITAL LOGOSQ13 DIGITAL PRODUCTS COVER THE WEBSITE, ONLINE VIDEOS AND APPS.

> APP ICONS

> Q13FOX.COM

> LIVE COVERAGE: SPORTS AND BREAKING NEWS

LIVE LIVELIVE

Page 20: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201620

FONT FAMILYGOTHAM FONT FAMILY ALRIGHT SANS FONT FAMILY

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 the graphic workflow to malfunction.

PLEASE DO NOT USE:

/ & [ “ ) | { ! \ ; ] * > # } ‘ ( @ ? < $ ~*HOWEVER YOU CAN USE THE FOLLOWING: _ (UNDERSCORE)

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

> CHARACTERS NOT TO USE

Page 21: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 21

> ALIGNMENT

> LEADING:

FONT FAMILY

The Q13 type is typically justified left. When setting, please take the time to balance the ragged edge of the text

as effectively as possible.

leading = font size + 2pt; e.g. font size 8pt = leading 10pt

When the logotype is shown in a lock-up with text,it should be left-aligned to the left-hand edge of the ‘Q.’

When text is shown in a lock-up with the logotype,it should be aligned to the baseline of the ‘Q.’

Major Story Headline: ALL CAPS

Secondary Headline: LOWER CASE

Paragraph (Quote): LOWER CASE

AUTEMPORI SIMOLUMQUO VERO BEA IDEQUI

Ectur mi, a volor roque dristelet nunaststumbia deccaut as de yeptice veimbel

Enimpos dest, consequam rem reseriorum quament ipieteo offici dolore pedis ateceri orrovidion nempore rumenteris miso, volorectati volores alit re verspeleni dolupta dolor rum juian dae pa arum sapicatur, nisquam fuga. Non secte pramatisi volorer ora que doluptatem quam, qui suntota uremi, a volor ro que quaecat ian ius ciissun deliqua estera turautas de preneste et qui nectis. Nempore rumenteris etse miso, volorectati volores alit. Ullendig endernat vellabin iducip acestrum volo ommosam incto molum illiquist.

ALRIGHT SANS FONT FAMILY

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Page 22: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201622

BRAND COLORThe primary Q13 colors are blue, green and white. These are used for all main brand/corporate applications and products.

Navy is used wherever the brand is presented in the Tribune or global sense and for primary news-based communication. E.g. main brand headlines or app buttons & profile icons (social media). Green becomes a primary accent color for general product descriptors, e.g time and temperature (bug), weather and sports highlights.

R 0G 35 B 90

C 100M 92 Y 34 K 35

#002359

R 30G 215 B 95

C 68M 0Y 97 K 0

#1ed75f

R 0G 0B 0

C 0M 0Y 0K 0

#000000

R 0G 174 B 239

C 100M 0Y 0K 0

#00adef

R 42G 80 B 180

C 89M 76Y 0 K 0

#2a50b4

R 150G 150 B 150

C 45M 45 Y 45K 0

#939597

The secondary palette consists of light blue, medium blue and grey. The secondary palette is used to specify particular infographicelements and allows for parallax flexibility within the Vizrt application.

PRIMARY PALETTE SECONDARY PALETTE

Page 23: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 23

DARKBLUE FADE RAMP

DARKGREEN FADE RAMP

LIGHTGREEN FADE RAMP

MEDIUMGREEN FADE RAMP

MEDIUMBLUE FADE RAMP

LIGHTBLUE FADE RAMP

BRAND COLOR FADED GRADIENTS

VizRT foreground graphic element

Page 24: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201624

GRID ELEMENTMONOGRAPHIC

PATTERN

GRID ELEMENTCOMPLEX PATTERN

BLOCK 1 BLOCK 2

PATTERN

Page 25: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 25

Page 26: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201626 Portrait 12 column grid

Landscape 12 column grid

LAYOUT AND GRIDBASED ON GOLDEN TEMPLATE SYSTEM

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

integrated into a production of new templates within the rebranding package.

GRID: A twelve column grid allows for a high degree of flexibility within layouts. The Q13 logotype may be

positioned anywhere but flush against the far left margin.

> PURPOSE

> PRINT GRID

Page 27: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 27

STATIONARY

Page 28: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201628

PROMOTIONAL ITEMSWORDMARK & MONOGRAM

POSITIONING:

Front: Monogram is on the left-side chest area

and centered between the zipper and the

sleeve.

Page 29: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 29

SOCIAL MEDIAFACEBOOK, TWITTER AND INSTAGRAM

q13foxseattle

THE Q13 FACEBOOK, TWITTER AND INSTAGRAM ACCOUNTS ARE PRIMARILY A NEWS-BASED FEED AND IS LOCALIZED TO THE VIEWER. IT IS THEREFORE REPRESENTED BY THE Q13 MONOGRAM IN WHITE ON A NAVY BACKGROUND.

Example of brand account (localized to Seattle)

Brand account (localized to viewers)

BACKGROUND: NAVY

MONOGRAM: WHITE

ACCOUNT NAME FORMAT

Page 30: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201630

ON-AIR EXPERIENCEBASED ON GOLDEN TEMPLATE SYSTEM

The premise of the system is ideally suited for 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 digitally in both PDF and layered PSD files.

The on-air experience is designed to feel live and immersive, capturing the immediacy of news. We concentrate

on storytelling through imagery. The result is a modern brand that is ready to become the local destination for

news by delivering an unparalleled, immersive viewing experience. 

> PURPOSE

> PARALLAX DESIGN

Page 31: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 31

FULLSCREEN TEMPLATESDESIGNERS & 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 below.

After the “pre-title,” the name/title of the graphic should appear. Inlcuding “pre-titles” will narrow the search, and

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 BELOW.

EXAMPLE: LOWER MEDICAL, FS OBAMA, OTS GAS PUMP, SPORTS CHICLET DODGERS

> DESIGNERS

> PRODUCERS/WRITERS

> DESIGN NAMING CONVENTIONCOLOR/LOGO (used in the plasmas and sports fullscreens)CUTOUTS (player cutouts used for sports fullscreens)FULL IMAGE (used in all templates that require a full image background; plasma, sports, etc.)HEADSHOTPLAYER HEADSHOTS (these are cutouts only and used only for the special sports panoramic fullscreens)IMAGE CHIP (lowerthird image)OTSSPORTS LOGOS (used in both the lowerthird and sports fullscreens)

Page 32: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201632

LOWERTHIRD & TICKER APP.Q13 BUG/INGET/REPLACEABLE IMAGE+VIDEO/TICKER

(L) LIVE BAR(L) LOCATION BAR

HEADLINETAB (TRANSFORM)

2ND LINE (MEDIUM ON THE SAME LINE)FIRST LINE (BOLD)

1 + 2 TICKER SCROLL / FLIP

Q13 NEWS LOGOTIME & TEMP.

Q13FOX.COM (ROTATE)

Page 33: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 33

HD FULLSCREEN

BUG_TIME & TEMPERATURE

LAYOUT GRID SYSTEM_UPPER BUG (LEFT CORNER)

SINGLE & DOUBLE LINE TICKER LAYOUT

Q13 NEWS BUG LOCATION

FLIPPING TIME & TEMP WITH WEB ADDRESS

HD TITLE SAFEHD ACTION SAFE

TAB HOT CHANGE OPTIONALL3RD ONE LINE ALIGN TO THE GRID

TICKER SPONSORSHIP

12 COLUMNS 115PX WIDEACTION SAFETITLE SAFE

Page 34: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201634

LOWERTHIRD_PRIME HEADLINE STORY

LOWERTHIRD_PRIME MAIN DOUBLE LINE

LOWERTHIRD_PRIME MAIN SINGLE LINE

LOWERTHIRD BREAKING_DOUBLE LINE_DEVELOPING STORY

PROMOTE DEVELOPING STORY ONLY

MAIN STORY LINE HOT CHANGE OPTIONAL

SPONSORSHIP AND/OR REPLACEABLE IMAGE

HOT CHANGES INCLUDE FROM HEADLINE TO TAB BACK TO ONE LINE

SECOND LINE FOR TITLE DESCRIPTIONS AND/OR ANCHOR WEB ADDRESS

LEFT LOCATION BARLEFT LIVE BAR

Page 35: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 35

LOWERTHIRD_DOUBLE ANCHOR LOWERTHIRD_TRIPLE ANCHOR

TICKER_STOCK MARKET TICKER_WEATHER & TRAFFIC

*YOU CANNOT USE A DOUBLE LINE FOR WEB ADDRESSES*YOU CANNOT USE A TAB FOR STORY INFORMATION*ALL TYPE MUST BE IN CAPS LOCK IN COMING UP

Page 36: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201636

TICKER_BREAKING NEWS TICKER_SCHOOL CLOSINGS

TICKER_SEVERE WEATHER & SCHOOL CLOSINGS TICKER_WEATHER & NEWS HEADLINES

Page 37: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 37

INFORMATIONAL GRAPHICS

ALL FULLSCREENS HAVE THE OPTION OF A LOOPING BACKGROUND OR CUSTOM STORY IMAGE

Page 38: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201638

HEADSHOT FULLSCREENS

DOUBLE HEADSHOT_HEADLINEIMAGE HORIZONTAL_HEADLINE_CREDIT BAR

TRIPLE HEADSHOT_NO TITLETRIPLE HEADSHOT_HEADLINE

Page 39: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 39

BULLETPOINTS & QUOTE FULLSCREENS

HEADLINE QUOTE_IMAGE_HALFSCREENIMAGE_NO DESCRIPTION

HEADLINE/SUBTITLE_BULLETPOINTS_IMAGE_HALFSCREENHEADLINE QUOTE_IMAGE_FULLSCREEN

Page 40: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201640

HEADLINE/SUBTITLE_QUOTE_SLIDE_LOGOHEADLINE/SUBTITLE_BULLETPOINTS_IMAGE_FULLSCREEN

HEADLINE/SUBTITLE_QUOTE_SLIDE_LOGO_HALFSCREEN HEADLINE/SUBTITLE_SLIDE_LOGO_FULLSCREEN (CONTINUED)

Page 41: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 41

PROMO_NEWS ANCHORS

FULLSCREENS NEWS GRAPHICS PROMOTION_MORNING OR EVENING ANCHORS

Page 42: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201642

PROMO_ONLINE & SOCIAL MEDIA APPS

FULLSCREENS NEWS GRAPHICS PROMOTION_ONLINE DIGITAL AND MOBILE APPS SOCIAL MEDIA PLATFORM

Page 43: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 43

FINANCE_IMAGE STOCK MARKET

ADDITIONAL FULLSCREENS

GAS PRICES_IMAGE GAS PRICES

Page 44: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201644

LOTTERY_IMAGE LOTTERY_MEGA MILLION/POWERBALL_3 LINES

*YOU CAN USE THE LOWERTHIRD ON ALL HEADSHOT TEMPLATES*UPPERCASE TEXT FOR HEADLINE TITLES, SUBTITLES AND HEADSHOT NAMES

Page 45: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 45

NEWS BOXES

ALL FULLSCREENS HAVE THE OPTION OF A LOOPING BACKGROUND OR CUSTOM STORY IMAGE

Page 46: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201646

VIZRT NATIVE BACKGROUND DOUBLE BOX/PLAIN

TEMPLATE BOXES

TRIPLE BOX_VIDEO BOX_ON STORY IMAGE TRIPLE BOX_VIDEO BOX_ON VIZRT BACKGROUND

Page 47: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 47

DBX_LIVE_VIDEO DBX_LIVE REPLACEABLE MAP IMAGE

VIDEO/MAP_CORRESPONDENCELIVE_IPHONE VIDEO

LIVE MAP & STUDIO BOXES

Page 48: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201648

LIVE CORRESPONDENCE_IMAGE OR VIDEO PICTURE IN PICTURE VIDEO_DOUBLE LINE

LIVE MAP & STUDIO BOXES

DOUBLE SUSPECT HEADSHOT_DOUBLE LINE DOUBLE BOX_DOUBLE SUSPECT HEADSHOT

Page 49: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 49

TRIPLE BOX_STUDIO LIVE

QUAD BOX_LIVE_HORIZONTAL QUAD BOX_LIVE_VERTICAL

TRIPLE BOX_LIVE_LEADING TOP BOX

RIGHT SIDE DOUBLE LINE

TRIPLE BOXES & QUAD BOXES

Page 50: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201650

FIVE BOXES

*YOU CAN USE THE LOWERTHIRD ON ALL QUOTES AND BULLETSPOINT TEMPLATES

*ALL TEXT FIELDS HAVE THE “HIDE ON EMPTY” OPTION

*ALL BOXES HAVE TWO INPUTS THAT CAN BE SIMULTANEOUSLY FLIPPED: 1 - NAME OF ANCHOR 2 - LOCATION OF ANCHOR

*LIVE BAR + LOCATION BAR ALIGNS WITH BOX TEMPLATES

Page 51: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 51

OTS_IMAGE_BULLETPOINTS_CONTINUE OTS_IMAGE_QUOTE_CONTINUE

OVER-THE-SHOULDER GRAPHICS (LEFT & RIGHT)

OTS_IMAGE_TITLE OTS_IMAGE_DOUBLE LINE

Page 52: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201652

PLASMA_CUTOUT_WITH TITLE/LOGO_IMAGE COLOR PLASMA_CUTOUT_WITH TITLE/LOGO_IMAGE BLACK & WHITE

PLASMA GRAPHICS

PLASMA_IMAGE PLASMA_WITH LOGO

Page 53: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 53

SPORTS INFORMATIONAL GRAPHICS

ALL FULLSCREENS BACKGROUND REQUIRE CUSTOM STORY IMAGE

Page 54: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201654

PANORAMIC OVERVIEW

Page 55: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 55

PLAYER VS PLAYER STATS PLAYER VS PLAYER STATS_GRID

SPORTS GRAPHICS

PLAYER VS PLAYER STATS_PLAYER 1_ON CONTINUE PLAYER VS PLAYER STATS_PLAYER 2_ON CONTINUE

Page 56: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201656

PLAYER STATS PLAYER STATS_OUT

SPORTS GRAPHICS

PLAYER STATS_TITLE_ON CONTINUE PLAYER STATS_TITLE_PROFILE PICTURE_ON CONTINUE

Page 57: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 57

SPORTS GRAPHICS

PLAYER STATS_BULLET POINTS

PROMO MAJOR LEAGUE PROMO MAJOR LEAGUE_LOGO

PLAYER STATS_QUOTE

Page 58: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201658

MAJOR LEAGUE_DOUBLE MATCHUP_GUIDE

PROMO MAJOR LEAGUE_SINGLE MATCHUP GUIDE

MAJOR LEAGUE_DOUBLE MATCHUP

PROMO MAJOR LEAGUE_MATCHUP

Page 59: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 59

PLAYER STATISTICS & SCOREBOARDS

MAJOR LEAGUE_SCOREBOARD_GUIDE

MAJOR LEAGUE_TEAM STANDINGS_GUIDE MAJOR LEAGUE_TEAM STANDINGS

MAJOR LEAGUE_SCOREBOARD_GUIDE

Page 60: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201660

SPORTS BACKGROUNDS

MAJOR LEAGUE_SCHEDULE LIST

MAJOR LEAGUE IMAGE MAJOR LEAGUE_SCOREBOARD

MAJOR LEAGUE_SCHEDULE LIST_L3 SAFE

Page 61: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 61

SPORTS BACKGROUNDS

MAJOR LEAGUE STANDINGS_TOP LINE BOLD

MAJOR LEAGUE IMAGE MAJOR LEAGUE STANDINGS_GUIDE

MAJOR LEAGUE STANDINGS_LINE IN GREEN HIGHLIGHTED

Page 62: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

WEATHER & TRAFFICWEATHER GRAPHIC ICONS SET FOR ALL APPLICATIONS (TICKER, ONLINE WEB & MOBILE APPS.)

Page 63: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 63

7 DAY FORECAST 7 DAY FORECAST W/SPONSOR

WEATHER APPLICATION

WEATHER UPPER BANNER 3 DAY FORECAST

Page 64: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201664

ANIMATION & PHOTOGRAPHY

Page 65: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 65

SHOW OPENS

* BRANDING ON LEFT SIDE FOR NEWS OPENS

Page 66: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201666

Q13 NEWS THIS MORNING OPEN - A

Q13 NEWS THIS MORNING OPEN - B

Page 67: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 67

Q13 NEWS AT 4 OPEN - A

Q13 NEWS AT 4 OPEN - B

Page 68: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201668

Q13 NEWS AT 5 OPEN - A

Q13 NEWS AT 5 OPEN - B

Page 69: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 69

Q13 NEWS AT 9 OPEN - A

Q13 NEWS AT 9 OPEN - B

Page 70: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201670

Q13 NEWS AT 10 OPEN

Q13 NEWS AT 11 OPEN

Page 71: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 71

Q13 NEWS ELECTION CENTRAL OPEN

Q IT UP SPORTS OPEN

Page 72: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201672

SEGMENT OPENS STORYBOARD & REPLACEABLE IMAGES

YELLOW AREA FOR FOOTAGE_EDITABLE SEGMENT TITLEFOOTAGE REVEAL

AFTER EFFECTS PROJECT_FOOTAGE A REPLACEABLE (REPLACE FOOTAGE_Seg - Open )

Page 73: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 73

Q13 BREAKING NEWS SEGMENT OPEN

* BRANDING ON RIGHT SIDE FOR THE SEGMENT OPENS

Q13 TRENDING WITH TRAVIS SEGMENT OPEN

Q IT UP SPORTS SEGMENT OPENQ13 TRAFFIC SEGMENT OPEN

SEGMENT OPEN TITLES

Page 74: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201674

Q13 WEATHER SEGMENT OPEN

Q13 WEATHER SEGMENT OPEN

Page 75: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 75

FRANCHISE OPEN

FRANCHISE TITLEFRANCHISE IMAGE OR VIDEO REVEAL

Page 76: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201676

Q13 BRAND TRANSITION

* BRAND TRANSITIONS RUN IN 3 SPEEDS (10, 25 & 30 FRAMES)* BRAND TRANSITIONS COLOR BLUE

Page 77: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 77

Q13 GENERIC TRANSITION

* GENERIC TRANSITIONS RUN IN 3 SPEEDS (10, 25 & 30 FRAMES)* GENERIC TRANSITIONS COLOR GREEN

Page 78: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201678

STINGERS

Page 79: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 79

BREAKING NEWS STINGER

Page 80: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201680

STINGERS

COMING UP

LIVE

TOP STORIES

NEXT

Page 81: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 81

SPORTS STINGERS

MARINERS

SOUNDERS

SEAHAWKS

Page 82: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201682

WEATHER STINGERS

WINTER STORM

SEATTLE STORM

SEVERE STORM

ILLNESS TRACKER

Page 83: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 83

BRANDING PLASMA

LOOPING BACKGROUND_MORNING

LOOPING BACKGROUND_EVENING

BRAND LOOPING BACKGROUND_MORNING

BRAND LOOPING BACKGROUND_EVENING

Page 84: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201684

BILLBOARD PLASMA (SPONSORSHIP)

LOOPING BACKGROUND_MORNING

LOOPING BACKGROUND_EVENING

SPONSORSHIP LOOPING BACKGROUND_MORNING

SPONSORSHIP LOOPING BACKGROUND_EVENING

Page 85: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 85

TOPICAL PROMO TOOLKIT

Page 86: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201686

TOPICAL PROMO

FIRST TRANSITION IN

TOPICAL LOWERTHIRD TRIGGERING THE HEADLINE TITLE

TOPICAL OPEN

TRANSITION OVER VIDEO

Page 87: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 2016 87

TITLE OVER TRANSITION OUT

ENDPLATE_DAY/TIME W/ CUSTOM IMAGE

TRANSITION TITLE

ENDPLATE_DAY/TIME & BUG

Page 88: Q13_SEATTLE REBRANDING STYLEGUIDE FINAL

Q13 NEWS SEATTLE © 201688