फ़ॉन्ट

headspace.com जो फ़ॉन्ट इस्तेमाल करता है

headspace.com अपने शीर्षक और बॉडी टेक्स्ट Headspace Apercu में सेट करता है। Headspace Apercu एक लाइसेंस वाला फ़ॉन्ट है, जिसे साइट ख़ुद सर्व करती है। Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प: Figtree।

headspace.com से 4 दिन पहले मापा गया।

फ़ॉन्ट फ़ैमिली

1 फ़ैमिली
Headspace Apercu
इस्तेमाल
h2, h3, body, label, button
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Figtree

इसे दोहराने के लिए CSS

फ़ॉन्ट variables, जिनके stack में मुफ़्त विकल्प भी है, ताकि वही CSS लाइसेंस वाले फ़ॉन्ट के साथ या उसके बिना भी काम करे।

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

टाइप कैसे सेट है

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
इस्तेमाल में फ़ॉन्ट साइज़
12141618202432406472

AI एजेंट के लिए

पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।

curl -s https://stylepack.ai/packs/headspace.com/DESIGN.md

सवाल

headspace.com कौन सा फ़ॉन्ट इस्तेमाल करता है?

headspace.com Headspace Apercu इस्तेमाल करता है। शीर्षक Headspace Apercu में और बॉडी टेक्स्ट Headspace Apercu में सेट हैं, साइट के रेंडर होने पर मापे गए, उसकी stylesheet से पढ़े नहीं गए।

क्या headspace.com का फ़ॉन्ट मुफ़्त में इस्तेमाल किया जा सकता है?

नहीं। Headspace Apercu एक लाइसेंस वाला फ़ॉन्ट है, जिसे headspace.com ख़ुद सर्व करता है। सबसे क़रीबी मुफ़्त विकल्प Figtree है, जो Google Fonts पर उपलब्ध है। इस पेज की CSS उसे font stack में स्टैंड-इन के रूप में रखती है।

अपने प्रोजेक्ट में headspace.com जैसी टाइपोग्राफ़ी कैसे पाऊँ?

Stylepack से headspace.com का डिज़ाइन पैक डाउनलोड करें: उसमें font stack, type scale, हर टेक्स्ट स्टाइल और स्क्रीनशॉट हैं, ऐसे रूप में जिससे Claude Code या Cursor जैसा AI कोडिंग एजेंट बना सके।