Stylepack

Font

Font yang dipakai chatbase.co

chatbase.co memakai Geist untuk judul dan teks isinya. Geist adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Geist, Inter.

Diukur dari chatbase.co 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
Geist
Dipakai untuk
h1, h2, h3, body, button
Sumber
Dihosting sendiri
Alternatif gratis
Geist
Inter
Dipakai untuk
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: "Geist", "Geist", sans-serif; /* Geist stands in for Geist */
  --font-body: "Geist", "Geist", sans-serif; /* Geist stands in for Geist */
  --font-size-base: 16px;
}

Cara teksnya ditata

headline-displayQuick brown foxGeist / 64px / 500 / lh 70.4px / -2.56px
headline-lgQuick brown foxGeist / 48px / 500 / lh 52.8px / -0.96px
headline-mdQuick brown foxGeist / 32px / 500 / lh 41.6px / -0.64px
body-mdThe quick brown fox jumps over the lazy dogGeist / 16px / 500 / lh 24px / -0.32px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 500 / lh 1.3 / -0.12px
buttonThe quick brown fox jumps over the lazy dogGeist / 16px / 500 / lh 24px / -0.32px
Ukuran font yang dipakai
12141620324864

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/chatbase.co/DESIGN.md

Pertanyaan

Font apa yang dipakai chatbase.co?

chatbase.co memakai Geist, Inter. Judul ditata dengan Geist dan teks isi dengan Geist, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font chatbase.co gratis dipakai?

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

Bagaimana cara mendapatkan tipografi yang sama seperti chatbase.co di proyek saya?

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