Aa
Space Grotesk
Display & headings
Primary display face. Hierarchy comes from size and tracking, with medium weight for headlines.
One system, set with intent
Space Grotesk carries display and headlines. DM Sans handles body and UI. DM Mono is reserved for labels, values, and machine readable detail — never decoration.
Aa
DM Sans
Body & UI
Workhorse for paragraphs, forms, and interface copy.
012
DM Mono
Detail & values
Eyebrows, specs, hex values, and small caps labels.
Typographic system
Display
Where intelligence meets imagination
~44 to 56px / medium / −2%
Heading 1
Clear claims. Real proof.
~36 to 44px / medium / −2%
Heading 2
Make every layout feel operational.
~28 to 32px / medium / −1.5%
Heading 3
Ship in phases with measurable outcomes.
~22 to 24px / medium / −1%
Body
We merge artificial intelligence with human creativity to craft digital experiences.
16 to 18px / regular / 0
Detail mono
AI AUTOMATION · WATERLOO
11 to 15px / regular / +0.22em
Spacing & leading
Leading is set relative to type size so hierarchy stays readable.
Do · Headline ~100 to 110%
Tight, with ascenders and descenders still clear.
Avoid · Too tight
Ascenders and descenders collide.
Do · Body ~150%
Our standard for digital body copy.
Avoid · Too loose
Disconnects the narrative flow.
Font sources
- Open on Google Fonts →
Space Grotesk
Display and headlines across the marketing site.
- Open on Google Fonts →
DM Sans
Body and interface type.
- Open on Google Fonts →
DM Mono
Monospace for labels and technical detail.
Download the assets
Production-ready marks and tokens referenced in this chapter.