Hero Component


This component should be placed directly onto the page rather than in a placeholder in order to display full-bleed (edge to edge).

Select one of these style options to set the height:

  • Height - Tall
  • Height - Medium
  • Height - Short

Select one of these style options to align the content vertically:

  • Align - Top
  • Align - Middle
  • Align - Bottom

Select one of these style options to align content horizontally:

  • Align Content Left
  • Align Content Center
  • Align Content Right


By default there is a gradient overlay applied over the image that matches the positioning of the text (used to make text more legible over images)

To remove the gradient overlay select:

  • No Gradient

Driving Quality Matters

Now Standard Electronic Stability Control-Collision Mitigation

Features