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 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 uses Public Sans, font size: 1.5rem (24px), color: IA Blue
Heading Three uses Public Sans, font size: 1.35rem (21.6px), color: IA Blue
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