Home Screen Highlight

VIZIO Creative Guidelines > Media & Entertainment > Home Screen Highlight


Home Hero (top) view	Scroll view

Colors should not be heavily saturated to the point of being distracting from row content or text legibility and should always transition to black

In some cases, graphic visuals can be allowed subject to PD approval. Visuals SHOULD NOT:

mimic or mistaken for known screen hardware defects such as clouding
be ambiguous – the visual should be easily recognized with clear brand association to the content being promoted. The highlight is ever-present on the Home Screen and will be seen in the context of other content (carousels, tiles, and banners) requiring the experience to stand-alone and feel recognizable without context
be overly complex or busy to distract from Home Screen content
contain photography

Background must allow overlaying text to pass WCAG AAA or AA (AAA preferred) accessibility
Background must work seamlessly within the homepage template
Takeover must be complimentary to the Home Screen (plays well with the content as a secondary element, not primary)

Creative is limited to bottom 20-40% of the screen with concentrated color/visuals residing in the bottom 20%,
In addition, subtle visuals that do not interfere with the legibility of the top right VIZIO logo are allowed, approximately within the top 20% of the screen and from the center point to the right side.

Do not include visuals anywhere from the top left side to the center point of the screen as this can interfere with Hero content and the legibility of in-focus swimlane text and row content

Mimic Platform UI: Border
Image has a border around the artwork which can mimic a focus state causing confusion for the user. See the top right tile in the example below.
Incorrect Example ✘	Correct Example

Mimic Platform UI: CTA Button
Image has a CTA button in the tile image which can cause consistency issues with our platform and can be confusing for the user. See the top right tile in the example below.
Incorrect Example ✘	Correct Example

Mimic Platform UI: Solid Black Background
Image uses a solid black background which makes content blend with VIZIO UI. See the top right tile in the example below.
Incorrect Example ✘	Correct Example

Black Gradient in Background
Image uses a gradient that extends to the edges of the tile in black, which makes the tile's defined edges blur into the black background. See the top right tile in the example below.
Incorrect Example ✘	Correct Example

Text

On this page

Scroll Examples