Stylepack

Font

Font yang dipakai stripe.com

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

Diukur dari stripe.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

1 font family
sohne-var
Dipakai untuk
h1, h2, h3, 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: "sohne-var", "Inter", sans-serif; /* Inter stands in for sohne-var */
  --font-body: "sohne-var", "Inter", sans-serif; /* Inter stands in for sohne-var */
  --font-size-base: 16px;
}

Cara teksnya ditata

headline-displayQuick brown foxsohne-var / 48px / 300 / lh 55.2px / -0.96px
headline-lgQuick brown foxsohne-var / 32px / 300 / lh 35.2px / -0.64px
headline-mdQuick brown foxsohne-var / 26px / 300 / lh 29.12px / -0.26px
body-mdThe quick brown fox jumps over the lazy dogsohne-var / 16px / 300 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogsohne-var / 16px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogsohne-var / 10px / 400 / lh 11.5px / 0.1px
Ukuran font yang dipakai
1011121415162226324856

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

Pertanyaan

Font apa yang dipakai stripe.com?

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

Apakah font stripe.com gratis dipakai?

Tidak. sohne-var adalah font berlisensi yang disajikan stripe.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 stripe.com di proyek saya?

Unduh paket desain stripe.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.