Page title block gives users context of the current page and options for actions related to the page-level content. It creates visual consistency across the pages to support the user's mental model while they traverse through the site.

The title element also presents as the H1 element for the page (important for accessibility and SEO). Use this to represent page title in a consistent and familiar format.

The page title block includes:

• required elements:
  • page title (including optional contextual and subtitle elements)
    
  • distinct background
• optional/conditional elements:
  • contextual title or link
  • subtitle

Special consideration when placing alongside:

• primary navigation
• secondary navigation
• site header

Usage examples:

• myID application
  

Related components:

• hero banner
• basic H1 heading