Stylepack

Fontlar

relume.ai sitesinin kullandığı fontlar

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

relume.ai sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

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

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 Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-body: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-size-base: 18px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxGeist Variable / 56px / 400 / lh 67.2px / -1.68px
headline-lgQuick brown foxGeist Variable / 40px / 400 / lh 48px / -0.8px
headline-mdQuick brown foxGeist Variable / 18px / 400 / lh 25.2px / -0.36px
body-mdThe quick brown fox jumps over the lazy dogGeist Variable / 18px / 400 / lh 27px
label-mdThe quick brown fox jumps over the lazy dogGeist Variable / 12px / 400 / lh 18px
buttonThe quick brown fox jumps over the lazy dogGeist Variable / 14px / 500 / lh 20.02px
Kullanılan font boyutları
101214161828324056

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/relume.ai/DESIGN.md

Sorular

relume.ai hangi yazı tipini kullanıyor?

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

relume.ai fontu ücretsiz kullanılabilir mi?

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

relume.ai ile aynı tipografiyi projemde nasıl elde ederim?

relume.ai 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.