--- title: Home Screen Hero - Image Based Messaging description: VIZIO Creative Guidelines - Media & Entertainment - Home Screen Hero - Image Based Messaging --- ​ ✕ [![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) [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?hsLang=en) VIZIO Creative Guidelines \> Media & Entertainment \>  Home Screen Hero - Image Based Messaging # Home Screen Hero: Image Based Messaging (IBM) Singular graphic image for promotional messaging. Asset can be used on Home Screen Hero, Discover Reveal and App Catalog pages. ![IBM Overview](https://platformplus.vizio.com/hs-fs/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/IBM%20Overview.png?width=1920&name=IBM%20Overview.png "IBM Overview") # Specs | Image Based Messaging | | | --- | --- | | Dimensions | Width: 650px OR Height: 250px (whichever comes first) | | Maximum File Size | 200 KB | | File Type | Transparent PNG (to be placed on black background) | | Cropping | Empty pixels on all sides must be cropped | | Font Sizing | *(Recommended)* Min Font Size: 28pt *(except legal copy)* and Max Font Size: 70px | | Copy Guidelines | - Keep messaging clear and concise readability and effectiveness - Only use IBM for text messaging - any graphic or photographic imagery should be used in the backdrop image | | Miscellaneous Notes | | | --- | --- | | Legal Copy | *(Recommended)* If legal copy is required, please place inside the IBM | | App Logo | App logo should turned off if app logo is displayed in the IBM. | | CTA Text Options | - Watch Now - Watch Trailer - Stream For Free - Learn More - View Collection - Sign Up Today | # Infractions | Not Cropped Properly | | | --- | --- | | Image is not cropped on all sides (empty pixels exist around visual) | | | *Incorrect Example*   ✘ | *Correct Example*   ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - TokyoVice - IBM - ExtraPixels](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Incorrect%20-%20TokyoVice%20-%20IBM%20-%20ExtraPixels.jpg) | ![Correct - TokyoVice - IBM](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Correct%20-%20Tokyo%20Vice%20-%20IBM.jpg) | --- | Non-Transparent Background | | | --- | --- | | Image has a colored background fill, not transparent. | | | *Incorrect Example*   ✘ | *Correct Example*   ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - TokyoVice - IBM - Background Fill](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Incorrect%20-%20TokyoVice%20-%20IBM%20-%20NoTransparency.jpg) | ![Correct - TokyoVice - IBM](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Correct%20-%20Tokyo%20Vice%20-%20IBM.jpg) | --- | Low Contrast Colors | | | --- | --- | | Colors used in image that have low contrast with black (dark hues) result in visibility issues | | | *Incorrect Example*   ✘ | *Correct Example*   ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - TokyoVice - TT - Low Contrast](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Incorrect%20-%20TokyoVice%20-%20IBM%20-%20LowContrast.jpg) | ![Correct - TokyoVice - IBM](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Correct%20-%20Tokyo%20Vice%20-%20IBM.jpg) | --- | Excessive Text/Logos | | | --- | --- | | Image contains excessive copy and/or logos limiting readability and comprehension by the user (legal copy is acceptable in most cases). | | | *Incorrect Example*   ✘ | *Correct Example*   ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - TokyoVice - IBM - Excessive](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Incorrect%20-%20TokyoVice%20-%20IBM%20-%20Excessive%20Text.jpg) | ![Correct - TokyoVice - TT](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Correct%20-%20TokyoVice%20-%20IBM%20-%20Excessive%20Text.jpg) | --- | Not Using The Full Width For Messaging | | | --- | --- | | Message information that doesn’t use full width can lead to the copy being smaller and illegible. | | | *Incorrect Example*  ✘ | *Correct Example*  ![Green Check Mark](https://platformplus.vizio.com/hubfs/Amy%20-%20Images/Check-Green.webp) | | ![Incorrect - IBM - Full Width](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Incorrect%20-%20TokyoVice%20-%20IBM%20-%20Full%20Width.jpg) | ![Correct - IBM - Full Width](https://platformplus.vizio.com/hubfs/Creative%20Guidelines%20-%20ME/Home%20Screen%20Hero/IBM/Correct%20-%20IBM%20-%20Full%20Width.jpg) | Text On this page - [Summary](https://platformplus.vizio.com/cg-me-home-screen-hero-ibm#overview) - [Specs](https://platformplus.vizio.com/cg-me-home-screen-hero-ibm#specs) - [Infractions](https://platformplus.vizio.com/cg-me-home-screen-hero-ibm#infractions)