Nesting Headers Example - h1

Heading 2 - h2

After a h1 which is in the page title we will use a h2. 

Heading 3 - h3

If we want a subheading linking to header above we will use a h3. If the next content is different we can use a h2 for the header again 

Heading 4 - h4

If we want another subheading linking to the subheader above we will use a h4. If the content is different but still links to Heading 2 we will use a h3. 

Heading 5 - h5

 

Primary/Secondary Group Block with modals - h2

If you use a primary or secondary group block with or without a modal it is important to follow the same structure. 

Heading 3 - h3

Heading 4 - h4

When a group block links to a particular header use the next header size down.