--- title: Home Screen Highlight description: VIZIO Creative Guidelines - Media & Entertainment - Home Screen Highlight --- ​ ✕ [![CG-logo](https://platformplus.vizio.com/hs-fs/hubfs/CG-logo.png?width=145&name=CG-logo.png)](https://platformplus.vizio.com/creative-guidelines?hsLang=en) - VIZIO Home![](https://platformplus.vizio.com/hubfs/raw_assets/public/Knowledge-Base-MVP/src/img/down-chevron-60.png) - [Media & Entertainment (M&E)](https://platformplus.vizio.com/cg-me-top-infractions?hsLang=en) - [General Market (GM)](https://platformplus.vizio.com/cg-gm-top-infractions?hsLang=en) - [WatchFree+](https://platformplus.vizio.com/cg-wf-sponsored-collection-page-overview?hsLang=en) - [Mobile](https://platformplus.vizio.com/mobile-remote-banner?hsLang=en) - [App Detail Page Onboarding](https://platformplus.vizio.com/app-details-page-overview-1?hsLang=en) [Download Templates](https://vizioonline-my.sharepoint.com/:f:/g/personal/platformmarketing_onedrive_vizio_com/ElA1gnnrza5EqxD9q9OkT80Bn4CPlTR8Qrd5OlcBTRUxRA) [![CG-logo](https://platformplus.vizio.com/hs-fs/hubfs/CG-logo.png?width=145&name=CG-logo.png)](https://platformplus.vizio.com/creative-guidelines?hsLang=en) ![Close Menu Icon](https://platformplus.vizio.com/hubfs/raw_assets/public/Knowledge-Base-MVP/src/img/icons8-menu.svg) - VIZIO Home![](https://platformplus.vizio.com/hubfs/raw_assets/public/Knowledge-Base-MVP/src/img/down-chevron-60.png) - [Media & Entertainment (M&E)](https://platformplus.vizio.com/cg-me-top-infractions?hsLang=en) - [General Market (GM)](https://platformplus.vizio.com/cg-gm-top-infractions?hsLang=en) - [WatchFree+](https://platformplus.vizio.com/cg-wf-sponsored-collection-page-overview?hsLang=en) - [Mobile](https://platformplus.vizio.com/mobile-remote-banner?hsLang=en) - [App Detail Page Onboarding](https://platformplus.vizio.com/app-details-page-overview-1?hsLang=en) VIZIO Home: Media & Entertainment ### [Most Common Infractions](https://platformplus.vizio.com/cg-me-topinfractions?hsLang=en) ### Home Screen Hero [Overview](https://platformplus.vizio.com/cg-me-home-screen-hero-overview?hsLang=en) [Title Treatment](https://platformplus.vizio.com/cg-me-home-screen-hero-title-treatment?hsLang=en) [IBM](https://platformplus.vizio.com/cg-me-home-screen-hero-ibm?hsLang=en) [Backdrop Image](https://platformplus.vizio.com/cg-me-home-screen-hero-backdrop?hsLang=en) [Auto-Play Video](https://platformplus.vizio.com/cg-me-home-screen-hero-ap-video?hsLang=en) ### Discover Reveal [Overview](https://platformplus.vizio.com/cg-me-discoverreveal-overview?hsLang=en) [Title Treatment](https://platformplus.vizio.com/cg-me-discover-reveal-title-treatment?hsLang=en) [IBM](https://platformplus.vizio.com/cg-me-discoverreveal-ibm?hsLang=en) [Backdrop Image](https://platformplus.vizio.com/cg-me-discover-reveal-backdrop?hsLang=en) [Auto-Play Video](https://platformplus.vizio.com/cg-me-discover-reveal-ap-video?hsLang=en) [Discover Tile](https://platformplus.vizio.com/cg-me-discoverreveal-tile?hsLang=en) ### Sponsored Collection Page [Overview](https://platformplus.vizio.com/cg-me-sponsoredcollectionpage-overview?hsLang=en) [Title Treatment](https://platformplus.vizio.com/cg-me-sponsored-collection-page-title-treatment?hsLang=en) [Splash Image](https://platformplus.vizio.com/me-sponsored-collection-page-splash-image?hsLang=en) [Auto-Play Video](https://platformplus.vizio.com/me-sponsored-collection-page-splash-auto-play-video?hsLang=en) ### Tentpole Sponsorship Page [Overview](https://platformplus.vizio.com/cg-me-tentpolesponsorshippage-overview?hsLang=en) [Splash Image](https://platformplus.vizio.com/me-tentpole-splash-image?hsLang=en) [Animated AP Video](https://platformplus.vizio.com/cg-me-tentpole-splashanimatedapvideo?hsLang=en) ### Hub Sponsorship [Overview](https://platformplus.vizio.com/cg-me-hubsponsorship-overview?hsLang=en) [Splash Image](https://platformplus.vizio.com/me-hub-sponsorship-splash-image?hsLang=en) [Animated AP Video](https://platformplus.vizio.com/me-hub-sponsorship-animated-splash-auto-play-video?hsLang=en) ### Banners & Tiles [Overview](https://platformplus.vizio.com/cg-me-bannersandtiles-overview?hsLang=en) [Static](https://platformplus.vizio.com/banners-tiles-static?hsLang=en) [Auto-Play Video](https://platformplus.vizio.com/banners-tiles-video?hsLang=en) ### Feature Card [Overview](https://platformplus.vizio.com/cg-me-featurecards?hsLang=en) [Poster Image](https://platformplus.vizio.com/cg-me-feature-card-poster-image?hsLang=en) [TV Image](https://platformplus.vizio.com/feature-card-tv-image?hsLang=en) ### Sports Zone [Homescreen Hero](https://platformplus.vizio.com/cg-me-cg-me-sportszonehomescreenhero-overview?hsLang=en) [Discover Reveal](https://platformplus.vizio.com/sports-zone-discover-reveal?hsLang=en) [Banners](https://platformplus.vizio.com/cg-me-sports-zone-banners-eb619f31-4064-4b2b-a987-3bf24c286694?hsLang=en) [Feature Card](https://platformplus.vizio.com/cg-me-sports-zone-feature-card-overview?hsLang=en) [Sports Zone Home Page](https://platformplus.vizio.com/cg-me-sports-zone-home?hsLang=en) [Hub Splash Image](https://platformplus.vizio.com/me-sports-zone-home-page-splash-image?hsLang=en) [Animated AP Video](https://platformplus.vizio.com/me-sports-zone-home-page-animated-ap-video?hsLang=en) [Pencil Banner](https://platformplus.vizio.com/me-sports-zone-individual-sport-page-pencil-banner?hsLang=en) [Individual Sport Page](https://platformplus.vizio.com/cg-me-sports-zone-individual-sport-page?hsLang=en) [Sponsorship Logo](https://platformplus.vizio.com/me-sports-zone-individual-sport-page-sponsorship-logo?hsLang=en) [Splash Image](https://platformplus.vizio.com/me-sports-zone-individual-sport-page-splash-image?hsLang=en) [Auto-Play Video](https://platformplus.vizio.com/sports-zone-individual-sport-page-splash-auto-play-video?hsLang=en) [Pencil Banner](https://platformplus.vizio.com/me-sports-zone-individual-sport-page-pencil-banner?hsLang=en) ### My Hub [Spotlight First View](https://platformplus.vizio.com/cg-me-my-hub-spotlight-firstview?hsLang=en) [Offer Page](https://platformplus.vizio.com/cg-me-my-hub-offer-banner?hsLang=en) [Promo Page](https://platformplus.vizio.com/cg-me-promo-page-overview?hsLang=en) [Poster Image](https://platformplus.vizio.com/cg-me-my-hub-promo-page-poster-image?hsLang=en) [QR Code](https://platformplus.vizio.com/cg-me-my-hub-promo-page-qr?hsLang=en) ### Videos [Click-to-Play Video](https://platformplus.vizio.com/cg-me-video-ctp-video?hsLang=en) [CTV In-Stream Video](https://platformplus.vizio.com/cg-me-video-instream-video?hsLang=en) ### Promo Page [Overview](https://platformplus.vizio.com/cg-me-promo-page-overview?hsLang=en) [Poster Image](https://platformplus.vizio.com/cg-me-my-hub-promo-page-poster-image?hsLang=en) [QR Code](https://platformplus.vizio.com/cg-me-my-hub-promo-page-qr?hsLang=en) ### [Home Screen Highlight](https://platformplus.vizio.com/home-screen-highlight) VIZIO Creative Guidelines > Media & Entertainment >  Home Screen Highlight # Home Screen Highlight A static color or gradient applied to the bottom and top right portions of the Home Screen. This is created by VIZIO and subject to the guidelines below. ![Home Screen Highlight](https://platformplus.vizio.com/hs-fs/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Highlight/Home%20Screen%20Highlight.png?width=1867&height=1115&name=Home%20Screen%20Highlight.png "Home Screen Highlight") # Scroll Examples | Home Hero (top) view | Scroll view | | --- | --- | | ![Home Screen Highlight Top](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Highlight/Home%20Screen%20Highlight%20-%20top.png) | ![Home Screen Highlight Scroll](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Highlight/Home%20Screen%20Highlight%20-%20scroll.png) | # Guidelines ##### Type of Visuals Allowed | - Subtle, varying, low-transparency color or color gradients - In some cases, graphic visuals can be allowed subject to PD approval. Visuals SHOULD NOT: - Background must allow overlaying text to pass [WCAG](https://webaim.org/resources/contrastchecker/) 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) | | --- | ##### Screen Location | - 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. | | --- | ##### Ingress Into Content Ties to Advertiser | - Creative should not ingress to a location where promoted content does not actually exist. | | --- | ##### Frequency | - Max 2 sponsored backgrounds a month, with a minimum 1 week apart - 1-day background increments with up to 1 additional day permitted with additional Hero 1 and Discover 1 | | --- | # Infractions | 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*  ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - Discover Tile - Border](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Incorrect%20-%20ME%20-%20Offer%20Tile%20-%20Border.jpg) | ![Correct- Discover Tile - Border](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Correct%20-%20ME%20-%20Offer%20Tile%20-%20Black%20Background.jpg) | --- | 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*  ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - Discover Tile - CTA](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Incorrect%20-%20ME%20-%20Offer%20Tile%20-%20CTA.jpg) | ![Correct- Discover Tile - CTA](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Correct%20-%20ME%20-%20Offer%20Tile%20-%20Black%20Background.jpg) | --- | 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*  ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - Discover Tile - Black BG](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Incorrect%20-%20ME%20-%20Offer%20Tile%20-%20Black%20Background.jpg) | ![Correct- Discover Tile - Black BG](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Correct%20-%20ME%20-%20Offer%20Tile%20-%20Black%20Background.jpg) | --- | 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*  ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - Offer Tile - Gradient](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Offer%20Page/Incorrect%20-%20ME%20-%20Offer%20Tile%20-%20Gradient.jpg) | ![Correct- Offer Tile - Gradient](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/My%20Hub/Correct%20-%20ME%20-%20Offer%20Tile%20-%20Black%20Background.jpg) | Text On this page - [Overview](https://platformplus.vizio.com/home-screen-highlight#overview) - [Scroll Examples](https://platformplus.vizio.com/home-screen-highlight#scrollexample) - [Guidelines](https://platformplus.vizio.com/home-screen-highlight#guidelines)