Stylepack

Schriften

Die Schriften von relume.ai

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

vor 4 Tagen auf relume.ai gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

1 Schriftfamilie
Geist Variable
Verwendet für
h1, h2, h3, body, label, button
Quelle
Selbst gehostet
Freie Alternative
Geist

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: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-body: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-size-base: 18px;
}

So ist der Text gesetzt

headline-displayQuick brown foxGeist Variable / 56px / 400 / lh 67.2px / -1.68px
headline-lgQuick brown foxGeist Variable / 40px / 400 / lh 48px / -0.8px
headline-mdQuick brown foxGeist Variable / 18px / 400 / lh 25.2px / -0.36px
body-mdThe quick brown fox jumps over the lazy dogGeist Variable / 18px / 400 / lh 27px
label-mdThe quick brown fox jumps over the lazy dogGeist Variable / 12px / 400 / lh 18px
buttonThe quick brown fox jumps over the lazy dogGeist Variable / 14px / 500 / lh 20.02px
Verwendete Schriftgrößen
101214161828324056

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/relume.ai/DESIGN.md

Fragen

Welche Schrift benutzt relume.ai?

relume.ai nutzt Geist Variable. Überschriften sind in Geist Variable gesetzt, Fließtext in Geist Variable, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von relume.ai frei nutzbar?

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

Wie bekomme ich dieselbe Typografie wie relume.ai in mein Projekt?

Lade das Designpaket von relume.ai 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.