Typografie

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

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.
• Geist Mono (Regular) für Code.

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

• Alexander Schwaiger

  DisplaySwitzer Medium 500 · -0.03em

  font-display font-medium tracking-displayvar(--font-display)var(--tracking-display)

• Abschnitt

  ÜberschriftenSwitzer Bold 700 · -0.03em

  font-display font-bold tracking-displayvar(--font-display)var(--tracking-display)

• Kurze, ruhige Sätze mit einem Gedanken pro Satz.

  FließtextSwitzer Regular 400

  font-body font-normalvar(--font-body)

• [ Expertise ]

  LabelsSwitzer Medium 500 · 0.08em

  font-body font-medium tracking-label uppercasevar(--font-body)var(--tracking-label)

• Grundlagen

  NavigationSwitzer Regular 400 · 0.04em

  font-body font-normal tracking-navvar(--font-body)var(--tracking-nav)

• --color-ink

  CodeGeist Mono Regular 400

  font-mono font-normalvar(--font-mono)

Schriftstufen

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

• Alexander Schwaiger

  Abschnittsüberschriften

  text-5xl48px

• Alexander Schwaiger

  Kartentitel, Zwischenüberschriften

  text-3xl30px

• Alexander Schwaiger

  Einleitung, Aufzählungen

  text-xl20px

• Alexander Schwaiger

  Fließtext, Navigationslinks

  text-base15px

• Alexander Schwaiger

  Kartenbeschreibungen

  text-sm13px

• Alexander Schwaiger

  Labels, Zeitangaben, Metadaten

  text-xs11px

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.