# Typografie - designsysteem van Unless

Fundamenten

# Typografie
  [Typeschaal](/nl/design/foundations/typography/)[Lettertypes](/nl/design/foundations/typography/fonts/)[Tokens](/nl/design/foundations/typography/tokens/)[Gebruik](/nl/design/foundations/typography/usage/)
## De drie letterbeelden - display, mono, woordmerk

Welke lettertypes de site laadt, waar elk daarvan wordt gebruikt, en hoe het woordmerk wordt uitgeleverd (als vectorpaden, niet als live webfont).

**Geist** `--font-display / --font-body`

Displaykoppen en broodtekst. Een geometrische schreefloze met humanistische verhoudingen. Gewichten 300–700.

Pa's wijze lynx bezag vroom het fikse aquaduct · 0123456789

**Inter Tight** `--font-body`

Broodtekst, UI-labels, omschrijvingen. Compacte verhoudingen voor dichte layouts. Gewichten 400–700.

Pa's wijze lynx bezag vroom het fikse aquaduct · 0123456789

**JetBrains Mono** `--font-mono`

Bovenkoppen, code, metadata van de build, technische labels. Gewichten 400–600.

Pa's wijze lynx bezag vroom het fikse aquaduct · 0123456789

**Hanken Grotesk** `--font-wordmark`

Alleen gebruikt voor het woordmerk "Unless" binnen de logocombinatie. Wordt uitgeleverd als vooraf omgezette vectorpaden in de SVG, niet als live webfont.
         [Typografie · Typeschaal](/nl/design/foundations/typography/)     [Typografie · Tokens](/nl/design/foundations/typography/tokens/)