Stylepack

Schriften

Die Schriften von situationnormal.co

situationnormal.co setzt Überschriften und Fließtext in EB Garamond. EB Garamond ist eine freie Schrift auf Google Fonts, du kannst also dieselbe verwenden.

vor 4 Tagen auf situationnormal.co gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

1 Schriftfamilie
EB Garamond
Verwendet für
h1, h2, body
Quelle
Google Fonts
Freie Alternative
Bereits frei

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

fonts.css
:root {
  --font-heading: "EB Garamond", sans-serif;
  --font-body: "EB Garamond", sans-serif;
  --font-size-base: 16px;
}

So ist der Text gesetzt

headline-displayQuick brown foxEB Garamond / 46px / 400 / lh 55.2px / -1px
headline-lgQuick brown foxEB Garamond / 28px / 400 / lh 33.6px / -0.28px
headline-mdQuick brown foxEB Garamond / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogEB Garamond / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogEB Garamond / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogEB Garamond / 14px / 400 / lh 1.4
Verwendete Schriftgrößen
14162846

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.md

Fragen

Welche Schrift benutzt situationnormal.co?

situationnormal.co nutzt EB Garamond. Überschriften sind in EB Garamond gesetzt, Fließtext in EB Garamond, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von situationnormal.co frei nutzbar?

Ja. EB Garamond kannst du auf deiner eigenen Seite ohne Lizenzkauf verwenden: Lade sie von Google Fonts oder nutze die Systemschrift, wo situationnormal.co das tut.

Wie bekomme ich dieselbe Typografie wie situationnormal.co in mein Projekt?

Lade das Designpaket von situationnormal.co bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.