Stylepack

Font

Font yang dipakai wearebou.com

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

Diukur dari wearebou.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

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

Cara teksnya ditata

headline-displayQuick brown foxStabilGrotesk / 42.048px / 300 / lh 46.2528px
headline-lgQuick brown foxStabilGrotesk / 42.048px / 300 / lh 46.2528px
headline-mdQuick brown foxStabilGrotesk / 20px / 500 / lh 26px
body-mdThe quick brown fox jumps over the lazy dogStabilGrotesk / 16.56px / 300 / lh 23.184px
label-mdThe quick brown fox jumps over the lazy dogStabilGrotesk / 12px / 500 / lh 14.4px / 0.72px
buttonThe quick brown fox jumps over the lazy dogStabilGrotesk / 13px / 300 / lh 13px
Ukuran font yang dipakai
10121314161720303642

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

Pertanyaan

Font apa yang dipakai wearebou.com?

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

Apakah font wearebou.com gratis dipakai?

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

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