Stylepack

Schriften

Die Schriften von causal.so

causal.so setzt Überschriften in Manrope Variable und Fließtext in Inter Variable. Manrope Variable ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Manrope, Inter.

vor 4 Tagen auf causal.so gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

3 Schriftfamilien
Manrope Variable
Verwendet für
h1, h2, h3, button, label
Quelle
Selbst gehostet
Freie Alternative
Manrope
Inter Variable
Verwendet für
body, label
Quelle
Selbst gehostet
Freie Alternative
Inter
ui-monospace
Verwendet für
code
Quelle
System
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.

:root {
  --font-heading: "Manrope Variable", "Manrope", sans-serif; /* Manrope stands in for Manrope Variable */
  --font-body: "Manrope Variable", "Manrope", sans-serif; /* Manrope stands in for Manrope Variable */
  --font-mono: "ui-monospace", monospace;
  --font-size-base: 14px;
}

So ist der Text gesetzt

headline-displayQuick brown foxManrope Variable / 60px / 700 / lh 72px
headline-lgQuick brown foxManrope Variable / 50px / 650 / lh 70px
headline-mdQuick brown foxManrope Variable / 24px / 600 / lh 38px
body-mdThe quick brown fox jumps over the lazy dogInter Variable / 14px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogManrope Variable / 16px / 500 / lh 23px
buttonThe quick brown fox jumps over the lazy dogManrope Variable / 20px / 600 / lh 30px
codeconst pack = extract(url)ui-monospace / 12px / 350 / lh 18px
Verwendete Schriftgrößen
1214162024405060

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/causal.so/DESIGN.md

Fragen

Welche Schrift benutzt causal.so?

causal.so nutzt Manrope Variable, Inter Variable, ui-monospace. Überschriften sind in Manrope Variable gesetzt, Fließtext in Inter Variable, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von causal.so frei nutzbar?

Nein. Manrope Variable ist eine lizenzierte Schrift, die causal.so selbst ausliefert. Die nächste freie Alternative ist Manrope, Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie causal.so in mein Projekt?

Lade das Designpaket von causal.so 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.