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

• Title - The title you would like to use on your hero banner.
• Background Image - Not used for this block.
• Hero Background Image Scheme - Defines what colour styles the text will use. Make sure to use the scheme that will contrast best with the background image.
  • Dark = White Text
  • Light = Black Text
• Wistia Embed code/YouTube Embed code - The embed code used to reference the YouTube or Wistia video that is used in the header. You'll need to make sure only one of these fields is completed, which should match the platform where the video is hosted. For example, on this page, the code jk6gdfca8d has been used in the Wistia Embed code field.
• Description - Description of the video that appears below the title.
• Hero Video Layout - Choose between half width and cover background, as shown at the beginning of this article.
• Background colour - When using a half width video, this dropdown selects the colour of the background behind the text. The options are off-black, navy blue, lens blue and light grey.

Back To Component Library