Skip Navigation

Superhero

For use on Category, Sub-Category and Campaign landing pages to introduce a topic. Additional space is given for description.

Ver.1 Text Container

You can place a large background image or video to differentiate the section in an immediate way.

Feature Overview
- Autoplay Video or Image background
- Optional CTA button
- Mirror layout option
- Hight option (Tall / Short)

Image Background Media Type - Image

Height Option: Short | Text Container: Left

View Text Container - Image
Video Background Media Type - Brightcove Video

Height Option: Tall | Text Container: Right

View Text Container - Brightcove Video
Video Background Media Type - YouTube Video

Height Option: Tall | Text Container: Right

View Text Container - YouTube Video

Ver.2 Centered

The bold color and optional image above the fold help give a stronger sense of place.

Feature Overview
- Three layouts: without promo banner, and with promo banner for image or pictogram
- Optional CTA button
- Mirror layout option for banner

Image No Banner

Optional CTA: On

View Centered - No Banner
Video With Image Banner

Use photograpy to bring the brand messages that convey.... need a good copy.  

View Centered - Image Banner
Pictogram Pictogram Banner

Use Pictogram when you want to indicate about the product and services instead of using the photogrpahy.  

View Centered - Pictogram Banner

Ver.3 2 Column

You can introduce a topic with a flexible 2 column story telling hero component. Features a blue background with headline and description adjacent an image or video embed (click to play).

Feature Overview
- Autoplay Video or Image background
- Optional CTA button
- Mirror layout option
- Blue gradient background

Image Media Type - Image

Mdiea: Left | Text: Right

View 2 Column - Image
Video Media Type - Brightcove Video

Text: Left | Mdiea: Right

View 2 Column - Brightcove Video
Video Media Type - YouTube Video

Text: Left | Mdiea: Right

View 2 Column - YouTube Video