Stylepack

الخطوط

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

يستخدم wearebou.com الخط StabilGrotesk لعناوينه ونصه الأساسي. StabilGrotesk خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

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

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

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

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

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

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل CSS نفسه مع الخط المرخّص أو بدونه.

:root {
  --font-heading: "StabilGrotesk", "Inter", sans-serif; /* Inter stands in for StabilGrotesk */
  --font-body: "StabilGrotesk", "Inter", sans-serif; /* Inter stands in for StabilGrotesk */
  --font-size-base: 16.56px;
}

كيف يُضبط النص

headline-displayQuick brown foxStabilGrotesk / 42.048px / 300 / lh 46.2528px
headline-lgQuick brown foxStabilGrotesk / 42.048px / 300 / lh 46.2528px
headline-mdQuick brown foxStabilGrotesk / 20px / 500 / lh 26px
body-mdThe quick brown fox jumps over the lazy dogStabilGrotesk / 16.56px / 300 / lh 23.184px
label-mdThe quick brown fox jumps over the lazy dogStabilGrotesk / 12px / 500 / lh 14.4px / 0.72px
buttonThe quick brown fox jumps over the lazy dogStabilGrotesk / 13px / 300 / lh 13px
أحجام الخطوط المستخدمة
10121314161720303642

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

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

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

أسئلة

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

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

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

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

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

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