Issuu on Google+

OWN.TV DIGITAL STYLE GUIDE v1. January 21, 2011

DIGITAL

Contact: Chris Haycock chris_haycock@own.tv


OWN.TV DIGITAL STYLE GUIDE DIGITAL

Intro

This document serves as a guideline to established styles for OWN.TV, the website for The Oprah Winfrey Network. All styles are constantly evolving and changing, but these fundamental guidelines should serve internal and external designers well.

Contents

p1. Intro & Contents p2. Color p3. Typography p4. Video Player p5. Slideshows p6. Buttons

p1. Intro & Contents


OWN.TV DIGITAL STYLE GUIDE DIGITAL

Day --- > 6am to noon

#ff7900

Color Like it’s on-air counterpart, OWN.TV follows a 3 color sequence based on various timepoints in a day. The three timepoints are day, fringe and prime.

Fringe --- > Noon to 8pm

#44b202

With each change, accent, navigation and link colors shift to match the top logo.

Prime --- > 8pm to 6am

#913ef7

p2. Color


OWN.TV DIGITAL STYLE GUIDE DIGITAL

DIN PRO MEDIUM

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz.!1234567890 ARIAL

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz.!1234567890

Typography DIN PRO MEDIUM Headers, Buttons and Navigation ARIAL System Text

p3. Typography


OWN.TV DIGITAL STYLE GUIDE DIGITAL

Video Player The OWN.TV video player is the same player used on Oprah.com. It will eventually take on a custom skin, but for now it draws from the same code.

#80658c

#80658c

#80658c

p4. Video Player


OWN.TV DIGITAL STYLE GUIDE DIGITAL

Slideshows The OWN.TV slideshow module is the stylesheets from each show. This is an example of it in it’s most simple style to match the non-show specific style.

#875697

p5. Slideshows


OWN.TV DIGITAL STYLE GUIDE DIGITAL

#80658c

Buttons Buttons range in function and size across the site. However, the buttons do not change colors with the time shift and remain in purple. DIN PRO BOLD 13pt

DIN PRO BOLD 11pt

p6. Buttons


Style Guide