1.Hero h1
clamp(2.2rem, 7vw, 4.2rem), letter-spacing −0.04em.
No max-width and no padding-right — character caps clipped the line and were removed.
Use when:
- Space Grotesk 700
Our typography
Typography
Two faces, and no more.
One face to state it, one to explain it
We use two typefaces and stop there. Space Grotesk does the stating — headlines, numbers, the things that need to land exactly. Hanken Grotesk does the explaining, because a page of clinical detail set in a geometric face reads like a form to fill in rather than something written for you. Between them they are the tone we're after: precise, and still warm enough to read.
The faces
Weights in use
The wordmark is the exception. It isn't set in either face — it's a drawn file we place, so it stays identical everywhere rather than re-typing itself slightly differently on every surface.
Space Grotesk — display300 · 400 · 500 · 600 · 700
Hanken Grotesk — body400 · 500 · 600
Type scale
Which size does which job
2.Section h2
clamp(1.9rem, 5.4vw, 3rem), letter-spacing −0.02em.
Use when:
- Space Grotesk 700
3.Eyebrow
12px, weight 600, letter-spacing 0.18em–0.22em, uppercase.
Use when:
- Space Grotesk — every section opens with one above the h2
4.Body
15.5–17px, line-height 1.55.
Use when:
- Hanken Grotesk 400
Social · carousel
Bringing it to life
Brand assetsWhat's Next?
