Title

Title

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 copy that you would like to use for the page title.
  • Background Image - The image covering the background. Ensure this is a landscape image so that it's not stretched.
  • 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
  • Form - The form that appears in full on one side of the hero banner.
  • Position - Choose between Right or Left. The first example on this page uses Right, and the second uses Left.

Back To Component Library