Typography
Our typographic system is built on legibility and accessibility. It’s clear, bold, and expressive.
Approach
DM Sans
Use DM Sans for most things. It’s clean and legible in both headings and body copy.
Poppins
Our display font is clear and bold. Use it for short and sweet headlines — usually to celebrate or shout about something.
Merriweather
A serif font for when you need even more expression or for editorial content. Use it sparingly.
Product Styles
Display Large
Poppins Bold 96px | LH 85% | LS 2% | Uppercase
Display Medium
Poppins Bold 64px | LH 85% | LS 1.5% | Uppercase
Display Small
Poppins Bold 40px | LH 85% | LS 1.5% | Uppercase
Title Screen
DM Sans SemiBold 30px | LH 34px | LS -2.5%
Title Section
DM Sans SemiBold 26px | LH 32px | LS -1.5%
Title Subsection
DM Sans SemiBold 22px | LH 28px | LS -1.5%
Body Large
DM Sans SemiBold 16px | LH 24px | LS 0.5%
Body Default
DM Sans Medium 14px | LH 22px | LS 1.25%
Editorial & Expressive
"Use Merriweather for quotes or moments of editorial emphasis."
Merriweather Italic
Font Families
DM Sans (UI & Body)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
DM Sans’s simplicity, clarity and rounded forms make it the perfect functional typeface for us. Always default to DM Sans.
Poppins (Display)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Poppins is our clean, bold, display typeface. It’s loud, proud, and perfect for headlines.
Merriweather (Serif)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Merriweather adds a touch of elegance and tradition. Use it for editorial content or to break up the geometric sans-serifs.