Foundations
Typography
Two typefaces carry the entire system. Nunito provides warmth and authority for headings; Mulish gives clean, neutral readability for body and UI.
Type Pairing
Display · Nunito
Aa
A geometric, rounded sans-serif with strong character. Used for every heading, page title and statistic.
400 · 500 · 600 · 700 · 800
Body · Mulish
Aa
A neutral humanist sans-serif optimised for screen legibility at small sizes. Used for body copy, UI labels and table data.
400 · 500 · 600 · 700
Heading Scale
All headings use Nunito.
Display
Trusted communications
48 / 56px
Marketing pages only
H1
Page title
32 / 40px
Top of every page
H2
Section heading
24 / 32px
Major sections
H3
Sub-section
20 / 28px
Card titles, modals
H4
Group label
16 / 24px
Form groups, sidebars
H5
Eyebrow / label
13 / 20px
Uppercase labels
Body Scale
All body text uses Mulish.
Body L
Used for introductory paragraphs and key descriptions where readability matters most.
16 / 26px
Body M
The default body size used across the product UI for paragraphs, descriptions and supporting copy.
14 / 22px
Body S
Used for table cells, metadata, helper text and dense data displays.
13 / 20px
Caption
Smallest legal size — timestamps, footnotes, badges.
12 / 18px
Weights & Usage
Regular 400
Body copy, descriptions
Medium 500
UI labels, captions
Semibold 600
Sub-headings, links
Bold 700
Headings, emphasis
Extra-bold 800
Display only
Italic
Avoid — use weight instead