Stylepack

الخطوط

الخطوط التي يستخدمها chatbase.co

يستخدم chatbase.co الخط Geist لعناوينه ونصه الأساسي. Geist خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Geist, Inter.

تم القياس من chatbase.co قبل 4 أيام.

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

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

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

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

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

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

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

headline-displayQuick brown foxGeist / 64px / 500 / lh 70.4px / -2.56px
headline-lgQuick brown foxGeist / 48px / 500 / lh 52.8px / -0.96px
headline-mdQuick brown foxGeist / 32px / 500 / lh 41.6px / -0.64px
body-mdThe quick brown fox jumps over the lazy dogGeist / 16px / 500 / lh 24px / -0.32px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 500 / lh 1.3 / -0.12px
buttonThe quick brown fox jumps over the lazy dogGeist / 16px / 500 / lh 24px / -0.32px
أحجام الخطوط المستخدمة
12141620324864

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

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

curl -s https://stylepack.ai/packs/chatbase.co/DESIGN.md

أسئلة

ما الخط الذي يستخدمه chatbase.co؟

يستخدم chatbase.co الخط Geist, Inter. العناوين بخط Geist والنص الأساسي بخط Geist، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط chatbase.co مجاني الاستخدام؟

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

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

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