Section headings

BIA Heading Styles

Heading 2 and Heading 3 styles have been provided. Start with Heading 2 for content headings.
Applying these in a logical way will future proof the site when moving to an updated template. It is always best to use the defined site styles when working with your content rather than creating your own. The Web Team can help with style changes that can be applied consistently to pages across the site.

Heading One

Heading One uses Merriweather, font-size: 2.35rem (37.6px), color: IA Blue

Heading One - Page Titles

Heading One - Page Titles uses Public Sans, font-size: 2.35rem (37.6px), color: black

Heading Two

Heading Two uses Public Sans, font size: 1.5rem (24px), color: IA Blue

Heading Three

Heading Three uses Public Sans, font size: 1.35rem (21.6px), color: IA Blue

Heading Four

Heading Four uses Public Sans, font size: 1.2rem (19.2px), color: IA Grey

Heading Ranks and Accessibility

Nest headings by their rank (or level). The most important heading has the rank 1 Heading 1, the least important heading Heading 6. Headings with an equal or higher rank start a new section, headings with a lower rank start new subsections that are part of the higher ranked section.

To read more, visit the BIA page on Heading Accessibility