Font

Font yang dipakai rivian.com

rivian.com memakai Adventure untuk judul dan teks isinya. Adventure adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari rivian.com 4 hari yang lalu.

Font family

1 font family
Adventure
Dipakai untuk
h1, h2, body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

: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;
}

Cara teksnya ditata

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
Ukuran font yang dipakai
1011121416202432445672

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

curl -s https://stylepack.ai/packs/rivian.com/DESIGN.md

Pertanyaan

Font apa yang dipakai rivian.com?

rivian.com memakai Adventure. Judul ditata dengan Adventure dan teks isi dengan Adventure, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font rivian.com gratis dipakai?

Tidak. Adventure adalah font berlisensi yang disajikan rivian.com sendiri. Padanan gratis terdekatnya adalah Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti rivian.com di proyek saya?

Unduh paket desain rivian.com dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.