# Typografie (/docs/typografie)

Die Marke setzt auf zwei Familien: Switzer für alles Sichtbare, Geist Mono für Code. Beide werden selbst gehostet, kein Dritthost.

## Schriften [#schriften]

- **Switzer** ist ein Grotesk mit Charakter, breiter und eigenständiger als Inter oder Poppins. Im Display-Schnitt wirkt der Name wie ein Namensschild. Switzer ist eine Fontshare-Schrift und liegt bewusst nicht im Paket. Bezugsquelle: [fontshare.com/fonts/switzer](https://www.fontshare.com/fonts/switzer).
- **Geist Mono** (Regular) für Code.

## Verwendung [#verwendung]

- **Display**: Switzer Medium (500), negative Laufweite.
- **Überschriften**: Switzer Bold (700), dieselbe negative Laufweite.
- **Fließtext**: Switzer, dieselbe Familie in allen Rollen.
- **Labels**: Switzer in Versalien mit weiter Laufweite, im Klammer-Stil `[ EXPERTISE ]`.
- **Zeitangaben**: Switzer Medium (500), leicht negative Laufweite.

Eine Gewichtsstufe ohne eigene Schriftdatei synthetisiert der Browser. Jedes Gewicht braucht deshalb seine woff2-Datei und eine `@font-face`-Regel.

## Familien, Gewichte, Laufweite [#familien-gewichte-laufweite]

<TypeScale />

## Schriftstufen [#schriftstufen]

Die Schriftstufen bilden die Typo-Skala der Marke. Die Titelgröße der Portfolio-Startseite gehört nicht dazu.

<Schriftstufen />

Die Zeilenhöhe im Fließtext beträgt 1,4. Abschnittsüberschriften nutzen eine einzige Größe, ohne Skalierung pro Überschrift. Eine Beschriftung, die nicht in diese Größe passt, wird umformuliert, nicht verkleinert.