DESIGN SYSTEM
Design System
An overview of the site’s visual foundations: color palette, type scale and reusable components.
Colors
Primary
Background · #FFFFF7
Secondary
Dark surfaces · #000000
Text
Base text · #3B3B3B
Text Strong
Headings & emphasis · #0D0D0D
Text Weak
Secondary text · #999999
Border
Borders & dividers · #3B3B3B
Error
Error states · #E64949
Link
Links · #03515E
Typography
Heading 1 — Bricolage Grotesque · 80/64/40
We build experiences
Heading 2 — Bricolage Grotesque · 48
A section heading
Heading 3 — Inter Bold · 26
A content subheading
BodyLarge (Nav) — Inter Medium · 24
Large text used in navigation
Body / BodyStrong — Inter · 16
Body copy ensures a comfortable read across the site’s longer paragraphs.
BodySmall / Caption — Inter · 14/12
Supporting text for captions, notes and labels.
Components
The shared button component, used across the site.