BehaveRespectfully LookDistinctly MovePurposefully SpeakAuthentically ThinkSimply heart_icon

Superhero

Overview

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

click here to preview all variations of this component.

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)

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

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

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

2 Column

Usage

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

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Download