Designed Content Systems

There are several areas of the site that will require custom graphics. These graphics are part of the visual design system created to provide a visual hierarchy and flow throughout the site content and pages.

For questions about pattern usage please contact us, styleguide@foodnetwork.com

Showpages
Tier 1 Showpages

Tier 1 designated shows will have a custom, designer-created banner drawing from available key art as provided by the Creative Services group. In the event that no key art is available at time of premiere, a generic version of the Tier 1 banner will be used.

Tier 1 designated shows will also have a custom color theme which includes 4 hex colors detailing the navigation and Lead Enhanced Module styles. These colors should be entered in the Theme Spec Form PDF and delivered along with the banner art.

The Twitter hashtag and additional messaging blocks are dynamic and should not be included in the design deliverable.

View Example Tier 1 Showpage

Banner Example

dimensions 994 x 140

file-size less than 50kb

naming convention FN-ShowBanner-[ShowName]-994x140.jpg


Tier 2 Showpages

Tier 2 designated show banners serve to provide the user with an immediate sense of place and are evocative of the central themes of a show rather than being representational or too specific.

Photographic artwork is drawn from a defined library of show genre textures with Network provided images used as a thematic foundation. There are up to 3 options for each of 8 show genres.

The show title will display as live text and not delivered in the final artwork. Additionally, the Twitter hashtag and additional messaging blocks are dynamic as well as, optional and will not be included in the design deliverable.

View Example Tier 2 Showpage

Tier 2 Showpage Downloads
Banner Example

dimensions 994 x 90

file-size less than 20kb

naming convention FN-ShowBanner-[ShowName]-994x90.jpg


Tier 3 Showpages

Tier 3 designated shows will use a default page title treatment and no artwork will be provided by visual design.


Show Chips

Show chips should use key art and show branding whenever available. When no key art is available, show genre artwork can be used. Ideally, show chips will be created at 1920 x 1080 (16:9 aspect ratio) to maximize usage across products.

Chip Example

dimensions 1920 x 1080

naming convention FN-ShowLogo-[ShowName]-[Dimensions].jpg

Packages
Tier 1 Packages

Tier 1 package art is bold and immediately conveys the central theme of the package through a singular visual focus - whether it be through large-scale stylized typography, graphic or photographic element. All other elements, photographic or illustrative should support the central focus of the overall image.

Photography for primary imagery should be high impact, bold and should be presented in large scale and tight crops. Food images should be used only when one food element or dish can convey the central theme of the package the most effectively.

The Twitter hashtag is dynamic as well as, optional and should not be included in the design deliverable.

Talent is displayed in a default treatment with up to 4 talent circles possible. If there is no talent associated with the package, this will be collapsed.

View Example Tier 1 Package

Tier 1 Package Downloads
Banner Example

dimensions 994 x 140

file-size less than 50kb

naming convention FN-PackageBanner-[PackageName]-994x140.jpg


Tier 2 Packages

Tier 2 package art serves to provide the user with an immediate sense of place and is evocative of the central themes of a package rather than being representational or too specific.

Photographic and illustrative images should be in soft focus with some high contrast areas for balance and image definition. Images should be presented in macro scale and appear somewhat abstracted to keep the primary focus on package content.

Solid colors can also be used when appropriate. Additionally, seasonal palettes can be introduced internally to ensure a visually harmonious experience across the site during particular seasons. Groups of packages should also share a unifying element whether it be color or imagery.

The package title will display as live text and not delivered in the final artwork. Additionally, the Twitter hashtag and additional messaging blocks are dynamic as well as, optional and should not be included in the design deliverable.

View Example Tier 2 Package

Tier 2 Package Downloads
Banner Example

dimensions 994 x 90

file-size less than 20kb

naming convention FN-PackageBanner-[PackageName]-994x90.jpg


Tier 3 Packages

Tier 3 designated packages will use a default page title treatment and no artwork will be provided by visual design.

Talent Avatars

Talent avatar images will be provided at 126x126 to accommodate the Carousel Circular Display Module.

Talent Avatars Downloads
Avatar Example

dimensions 126 x 126

file-size less than 20kb

naming convention FN-TalentAvatar-[TalentName]-126x126.jpg