Stylepack

Schriften

Die Schriften von rivian.com

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

vor 4 Tagen auf rivian.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

1 Schriftfamilie
Adventure
Verwendet für
h1, h2, body, label, button
Quelle
Selbst gehostet
Freie Alternative
Inter

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

So ist der Text gesetzt

headline-displayQuick brown foxAdventure / 72px / 600 / lh 72px / -3px
headline-lgQuick brown foxAdventure / 72px / 600 / lh 72px / -1.8px
headline-mdQuick brown foxAdventure / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogAdventure / 14px / 400 / lh 20px
label-mdThe quick brown fox jumps over the lazy dogAdventure / 16px / 400 / lh 24px
buttonThe quick brown fox jumps over the lazy dogAdventure / 14px / 600 / lh 16px / -0.14px
Verwendete Schriftgrößen
1011121416202432445672

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/rivian.com/DESIGN.md

Fragen

Welche Schrift benutzt rivian.com?

rivian.com nutzt Adventure. Überschriften sind in Adventure gesetzt, Fließtext in Adventure, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von rivian.com frei nutzbar?

Nein. Adventure ist eine lizenzierte Schrift, die rivian.com selbst ausliefert. Die nächste freie Alternative ist 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 rivian.com in mein Projekt?

Lade das Designpaket von rivian.com 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.