Stylepack

Fontlar

chatbase.co sitesinin kullandığı fontlar

chatbase.co, başlıklarını ve gövde metnini Geist ile diziyor. Geist, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Geist, Inter.

chatbase.co sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

2 font ailesi
Geist
Kullanım yeri
h1, h2, h3, body, button
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Geist
Inter
Kullanım yeri
label
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter

Aynısını üretmek için CSS

Font değişkenleri, ücretsiz muadil font yığınında olacak şekilde; böylece aynı CSS lisanslı fontla da onsuz da çalışır.

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

Yazı nasıl dizilmiş

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
Kullanılan font boyutları
12141620324864

Yapay zeka ajanları için

Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.

curl -s https://stylepack.ai/packs/chatbase.co/DESIGN.md

Sorular

chatbase.co hangi yazı tipini kullanıyor?

chatbase.co, Geist, Inter kullanıyor. Başlıklar Geist, gövde metni Geist ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

chatbase.co fontu ücretsiz kullanılabilir mi?

Hayır. Geist, chatbase.co sitesinin kendi sunduğu lisanslı bir font. En yakın ücretsiz karşılığı Google Fonts üzerindeki Geist, Inter. Bu sayfadaki CSS onu muadil olarak font yığınına koyar.

chatbase.co ile aynı tipografiyi projemde nasıl elde ederim?

chatbase.co tasarım paketini Stylepack üzerinden indirin: font yığınını, tip ölçeğini, her metin stilini ve ekran görüntülerini, Claude Code ya da Cursor gibi bir yapay zeka kodlama ajanının üzerine inşa edebileceği biçimde içerir.