Stylepack

Fontlar

headspace.com sitesinin kullandığı fontlar

headspace.com, başlıklarını ve gövde metnini Headspace Apercu ile diziyor. Headspace Apercu, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Figtree.

headspace.com sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

1 font ailesi
Headspace Apercu
Kullanım yeri
h2, h3, body, label, button
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Figtree

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: "Headspace Apercu", "Figtree", sans-serif; /* Figtree stands in for Headspace Apercu */
  --font-body: "Headspace Apercu", "Figtree", sans-serif; /* Figtree stands in for Headspace Apercu */
  --font-size-base: 20px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxHeadspace Apercu / 52px / 700 / lh 57.2px / -1.56px
headline-lgQuick brown foxHeadspace Apercu / 64px / 700 / lh 64px / -1.92px
headline-mdQuick brown foxHeadspace Apercu / 40px / 700 / lh 46px / -1.2px
body-mdThe quick brown fox jumps over the lazy dogHeadspace Apercu / 20px / 400 / lh 30px / -0.2px
label-mdThe quick brown fox jumps over the lazy dogHeadspace Apercu / 14px / 500 / lh 18px / -0.14px
buttonThe quick brown fox jumps over the lazy dogHeadspace Apercu / 18px / 700 / lh 21.6px / -0.54px
Kullanılan font boyutları
12141618202432406472

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

Sorular

headspace.com hangi yazı tipini kullanıyor?

headspace.com, Headspace Apercu kullanıyor. Başlıklar Headspace Apercu, gövde metni Headspace Apercu ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

headspace.com fontu ücretsiz kullanılabilir mi?

Hayır. Headspace Apercu, headspace.com sitesinin kendi sunduğu lisanslı bir font. En yakın ücretsiz karşılığı Google Fonts üzerindeki Figtree. Bu sayfadaki CSS onu muadil olarak font yığınına koyar.

headspace.com ile aynı tipografiyi projemde nasıl elde ederim?

headspace.com 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.