Skip to main content

Title

Title is a component intended to be used as the title or heading of a section of content.

Authoring

The Title component can be used to create titles or headings on a page.

IMPORTANT NOTICE!
You should only use ONE H1 heading on a webpage. This page is an exception to demonstrate the different heading levels.
 

Configuring the Properties tab

  • By default, the Title component takes value of the title of the current page until you overwrite the title field.
  • The Title component size is set to H1 by default on new pages created from a template, but you can select a new size from H1 to H6, including an H1 Extra Large.
  • The Title component inserts as an H2 by default when adding a new component to the page.
  • Follow accessibility convention and select the appropriate size for your titles. For example, each page should only have one H1 title.

Configuring the Styles

  • Adjust the alignment from center to left as needed.
  • Adjust the text color from dark text to white text as needed.

Examples

Dark Text & Left (Default)

Series of Headers

Title - H1 Extra Large

Separating Extra Large from Regular H1. Remember you can only have ONE H1.

Title - H1

Title - H2

Title - H3

Title - H4

Title - H5
Title - H6

Please ensure that there is some content written after the final header in the document.

White Text & Center

Series of Headers

Title - H1 Extra Large - White

Separating Extra Large from Regular H1. Remember you can only have ONE H1.

Title - H1 - White

Title - H2 - White

Title - H3 - White

Title - H4 - White

Title - H5 - White
Title - H6 - White

Please ensure that there is some content written after the final header in the document.