Typeface
Use Acumin SemiCondensed typeface on all Government of Alberta (GoA) websites and applications.
Acumin SemiCondensed comes in 4 font styles:
- regular
- italic
- bold
- bold italic
Get Acumin SemiCondensed
Get the CSS code for implementing Acumin SemiCondenced on any ’.alberta.ca’ subdomain at the Resources page.
Heading hierarchy
Headings create a clear visual hierarchy, and heading sizes change moving between larger screens and smaller screens.
Use headings hierarchically H1 through H6. H1 represents the most important topic on the page and is exclusive to the page title. The sub-sections of a web page then use H2, H3, H4 level headings.
Using headings and making them visually apparent helps those with cognitive disabilities. Screen readers navigate a page according to its headings, read and say a list of all headings, then skip to a desired heading to begin reading at that point. Go to Basic web page structure for further details on how to use headings.
Properties
Hierarchy | Desktop (size/line-height) | Mobile (size/line-height) | Spacing (top margin) | Weight |
---|---|---|---|---|
H1 | 48/56 | 36/44 | 40 | 700 |
H2 | 36/44 | 32/40 | 32 | 400 |
H3 | 24/32 | 24/32 | 28 | 400 |
H4 | 18/28 | 18/28 | 28 | 700 |
H5 | 18/28 | 18/28 | 28 | 700 |
H6 | 18/28 | 18/28 | 28 | 700 |
P | 18/28 | 18/28 | 28 | 400 |
Caption | 14/24 | 14/24 | 16 | 400 |
Guidelines
The minimum body paragraph width is 40 characters per line. The recommended maximum body paragraph width is 90 characters per line.