Skip to Main Content

Digital Hub Guide

Splash Hero Component Variant 01

A full-width background image or color that sets the tone for the Hero and
visually supports the message. The other elemets are Headline, Headline Subtext and Call-to-Action (CTA) Button

Component Anatomy

Header with UI Elements

UI Elements Index

  1. Container
  2. Headline Text
  3. Headline SubText
  4. CTA

Hero Elements

Container
Hero Container can be configured following the Style configuration settings. Background can be set to be a color, a gradient or an Image.

Headline Text
Headline Text serves as the primary focal point and plays a critical role in conveying the key message to the audience. This text needs to clearly indicate the content and context contained within the Splash Hero component. It is recommended to use descriptive heading text such as ‘Free digital streaming this summer’ or ‘Get our best new deal on Amazon Prime’.

Headline SubText
Provides more context to the main message from the Headline, it is recommended to use a descriptive copy such as ‘Get Netflix free for 3 months and enjoy the latest Movies and TV shows all summer long’.

Call to Action Button
This is a key element of the Hero component, designed to prompt users to take a specific action, redirecting the user to a specific Product Page. The CTA copy complements the headline and subtext, so it’s better to use descriptive and action-oriented copy such as ‘Get this offer’ or ‘Read more’.