This is a hero block. This block introduces the content below, and in some cases offers the option to display forms, or link users to other content.

Heroes should only ever be used at the top of the page, and there should be no more than one of this block type on a page.

Fields

• Hero Background Image Scheme - Defines what colour styles the text will use. As there is no option to choose the background image for this scheme, the text will be contrasting with a mid-blue background and so dark may be the best choice.
  • Dark = White Text, as shown in the first example at the top of the page.
  • Light = Black Text, as shown in the second example at the top of the page.
• Form - The form that appears when the user clicks the CTA in the top right. Is only used if "Hero Layout" property is set to "Using Form"
• Title - The copy you would like to use for the page title.
• SuperTitle - Text that appears below the title - this is a subtitle field despite the label.

Back To Component Library