Overview

The homepage banner is bespoke and may include a carousel of images and looping video or just a looping video.

Elements

1

2

3

5

6

7

8

View Code

• 1

  Full image (optional)
• 2

  Video
• 3

  Title (optional)
• 4

  Link (optional)
• 5

  Indicator dots (optional)
• 6

  Left chevron (optional)
• 7

  Right chevron (optional)
• 8

  Video controls (play/pause buttons)

Variations

Carousel and video.

Behaviours

Carousel: Every 3 seconds, the banner automatically slides from right to left and the related indicator dot activates. Selecting the controls will move forward and backward through the banner. Video: The video automatically plays on a loop. A button overtop allows the video to be manually paused and played.

Recommendations

Add content strategy guidelines and editorial rules here.

States

Indicator dot (default): Black 400 Indicator dot (active): White and outlined Play/pause