The left hand navigation is removed for demonstrating this component as a home page.


Heading styles are important because they describe the section they introduce. Correct use of headings styles is especially important for assistive technology users.

Feature showcase

Website Design System default heading styles are:

Heading style 1 (H1)

Use only one h1 per page or online document for the page title.

Heading style (H2)

For all online publications, use heading style h2 as the highest section level and heading style h6 as the lowest.

Heading style (H3)

Heading style (H4)

Heading style (H5)
Heading style (H6)

Add this feature to your website

Guide to adding heading styles (requires log-in)

Top accessibility tip

Use the correct heading styles to define your section headings.