Typografie

Eine Schrift, klar eingesetzt. Miragon nutzt Geist. Über Größe und Gewicht entsteht die Hierarchie, nicht über einen Zoo aus Schriftarten.

Geist

Geist ist eine serifenlose, geometrisch-humanistische Grotesk von Vercel. Sie wirkt modern, präzise und sachlich, mit einer technischen Klarheit, die zur Marke passt: kompetent, aufgeräumt, nicht verspielt.

Einsatz	Schnitt
Überschriften	Geist, halbfett bis fett (600 / 700)
Fließtext	Geist, Regular (400)
Zitate	Geist, kursiv
Code & Tabellen-Mono	Geist Mono

Geist steht als variable Schrift bereit, eine Datei deckt alle Gewichte von Thin bis Black ab.

Die Hierarchie, gesetzt statt beschrieben

Die Hierarchie entsteht über Größe und Gewicht. Hier ist sie in Geist gesetzt, rechts steht die verbindliche Spezifikation.

Prozesse automatisierenH1 · Seitentitel40px / 700

Strategie findenH2 · Abschnitt28px / 700

Skills vermittelnH3 · Unterpunkt21px / 600

Wir machen dein Team fit, nicht abhängig.Lead · Einstieg20px / 400

Bevor du automatisierst, musst du verstehen, was und warum. Wir finden heraus, wo dein größter Hebel liegt.Body · Fließtext16px / 400

Hinweis oder Bildunterschrift.Klein · Bildunterschrift13px / 400

Eine Schrift, eine Aussage, drei Gewichte: dasselbe Wort, nur das Gewicht trägt die Betonung.

Klartext sprechenRegular 400 · Fließtext22px / 400

Klartext sprechenHalbfett 600 · Überschrift22px / 600

Klartext sprechenFett 700 · Titel22px / 700

Die exakten Stufen sind im Miragon Design-Manual als Quelle der Wahrheit festgelegt. Ändert sich die Skala, ändert sie sich zuerst dort.

Quelloffen und selbst gehostet

Geist steht unter der SIL Open Font License. Das ist ein echter Vorteil gegenüber lizenzpflichtigen Schriften: Wir dürfen sie überall mitliefern.

In dieser Doku wird Geist selbst gehostet (docs/public/fonts/), nicht über einen externen Dienst geladen. Das heißt: kein Request an Dritte, DSGVO-freundlich, und die Schrift ist sofort da.

:root {
  --vp-font-family-base: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, sans-serif;
  --vp-font-family-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', 'Menlo',
    monospace;
}

Schriftdateien

Die Schriftdateien liegen unter docs/public/fonts/ (Geist-Variable.woff2, Geist-Italic-Variable.woff2, GeistMono-Variable.woff2) zusammen mit der LICENSE.txt. Eingebunden werden sie per @font-face in docs/.vitepress/theme/custom.css.

Anwendung

• Hierarchie über Größe und Gewicht, nicht über zusätzliche Schriften.
• Überschriften halbfett bis fett, Fließtext Regular.
• Kursiv steht für Zitate. Die großen Aussagen auf den Social-Media-Kacheln sind Zitate und stehen kursiv, auch in Versalien. Überschriften stehen aufrecht.
• Code und feste Maße (z. B. HEX-Werte) in Geist Mono.
• Ausreichend Zeilenabstand und Weißraum, damit Text ruhig wirkt.
• Keine Effekte wie Schatten, Konturen oder gesperrte Versalien für ganze Absätze.