Stylepack

الخطوط

الخطوط التي يستخدمها headspace.com

يستخدم headspace.com الخط Headspace Apercu لعناوينه ونصه الأساسي. Headspace Apercu خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Figtree.

تم القياس من headspace.com قبل 4 أيام.

افتح حزمة التصميم الكاملةتنزيل الحزمة

عائلات الخطوط

1 عائلة خطوط
Headspace Apercu
يُستخدم في
h2, h3, body, label, button
المصدر
مستضافة ذاتيًا
البديل المجاني
Figtree

CSS لإعادة إنتاجه

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل 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

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

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

أسئلة

ما الخط الذي يستخدمه headspace.com؟

يستخدم headspace.com الخط Headspace Apercu. العناوين بخط Headspace Apercu والنص الأساسي بخط Headspace Apercu، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط headspace.com مجاني الاستخدام؟

لا. Headspace Apercu خط مرخّص يقدّمه headspace.com بنفسه. أقرب بديل مجاني هو Figtree، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.

كيف أحصل على الطباعة نفسها التي يستخدمها headspace.com في مشروعي؟

نزّل حزمة تصميم headspace.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.