Foundations
The global rules and elements which govern the appearance, structure and behaviour of components.
Typography
Heading levels
| Style | Properties |
|---|---|
Heading 1 | Font family: Public Sans Font weight: 600 Size: 48px Line height: 56px |
Heading 2 | Font family: Public Sans Font weight: 600 Size: 36px Line height: 40px |
Heading 3 | Font family: Public Sans Font weight: 600 Size: 30px Line height: 36px Letter spacing: -0.35 px |
Heading 4 | Font family: Public Sans Font weight: 600 Size: 32px Line height: 40px |
Heading 5 | Font family: Public Sans Font weight: 600 Size: 24px Line height: 24px Letter spacing: -0.2 |
Heading 6 | Font family: Public Sans Font weight: 600 Size: 21px Line height: 26px |
Heading styles
| Style | Properties |
|---|---|
Display Large | Font family: Public Sans Font weight: 600 Size: 48px Line height: 56px |
Display Medium | Font family: Public Sans Font weight: 600 Size: 36px Line height: 40px |
Display Small | Font family: Public Sans Font weight: 600 Size: 30px Line height: 36px Letter spacing: -0.35 px |
Heading Large | Font family: Public Sans Font weight: 600 Size: 32px Line height: 40px |
Heading Medium | Font family: Public Sans Font weight: 600 Size: 24px Line height: 24px Letter spacing: -0.2 |
Heading Small | Font family: Public Sans Font weight: 600 Size: 21px Line height: 26px |
Heading Extra Small | Font family: Public Sans Font weight: 700 Size: 21px Line height: 24px Letter spacing: 0.04px |
Heading Extra Small Caps | Font family: Public Sans Font weight: 600 Size: 14px Line height: 24px Letter spacing: 1px |
Paragraph
| Style | Properties |
|---|---|
Body Lead | Font family: Public Sans Font weight: 400 Size: 22px Line height: 32px |
Body Large | Font family: Public Sans Font weight: 400 Size: 18px Line height: 28px |
Body Large Bold | Font family: Public Sans Font weight: 600 Size: 18px Line height: 28px |
Body Medium | Font family: Public Sans Font weight: 400 Size: 16px Line height: 26px |
Body Medium Bold | Font family: Public Sans Font weight: 600 Size: 16px Line height: 26px |
Body Small | Font family: Public Sans Font weight: 400 Size: 14px Line height: 20px Letter spacing: 0.3px |
Body Small Bold | Font family: Public Sans Font weight: 600 Size: 14px Line height: 20px Letter spacing: 0.3px |
Captions
| Style | Properties |
|---|---|
Caption Large | Font family: Public Sans Font weight: 400 Size: 15px Line height: 24px |
Caption Bold | Font family: Public Sans Font weight: 600 Size: 15px Line height: 28px |
Links
| Style | Properties |
|---|---|
Lorem ipsum dolor sit amet link large Lorem ipsum dolor sit | Font family: Public Sans Font weight: 400 Size: 18px Line height: 28px |
Lorem ipsum dolor sit amet link large Lorem ipsum dolor sit | Font family: Public Sans Font weight: 400 Size: 18px Line height: 28px |
Lists
| Style | Properties |
|---|---|
| Font family: Public Sans Font weight: 400 Size: 18px Line height: 28px Disc colour: #285576 |
| Font family: Public Sans Font weight: 400 Size: 18px Line height: 28px Number colour: #285576 |
Blockquote
| Style | Properties |
|---|---|
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Rhoncus, enim auctor nisi, vel.” | Font family: Public Sans Font weight: 600 Size: 24px Line height: 32px |
| -Attribution | Font family: Public Sans Font weight: 300 Size: 16px Line height: 24px Text alignment: Left, Centre |