Hero

Often the first section users see when they land on a website, typically located just below the navigation menu.

H1 heading as the preheading

A hero heading

Subheading for taglines

Below is a list of the component's features and available functionality:

  • Heading fields
  • Background image/video
  • Jump link button (e.g. 'Scroll to explore' button)
  • CTA buttons
  • Timed content (dynamically display different hero content during a chosen period)

Tip

Partials are elements that can be used as building blocks for components. As such they can be styled globally which allows for consistency throughout a site. Read more about Journey partials