Stylepack

Font

Font yang dipakai headspace.com

headspace.com memakai Headspace Apercu untuk judul dan teks isinya. Headspace Apercu adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Figtree.

Diukur dari headspace.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

1 font family
Headspace Apercu
Dipakai untuk
h2, h3, body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Figtree

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

Cara teksnya ditata

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
Ukuran font yang dipakai
12141618202432406472

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

Pertanyaan

Font apa yang dipakai headspace.com?

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

Apakah font headspace.com gratis dipakai?

Tidak. Headspace Apercu adalah font berlisensi yang disajikan headspace.com sendiri. Padanan gratis terdekatnya adalah Figtree, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti headspace.com di proyek saya?

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