Stylepack

الخطوط

الخطوط التي يستخدمها linear.app

يستخدم linear.app الخط Inter Variable لعناوينه ونصه الأساسي. Inter Variable خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter, JetBrains Mono.

تم القياس من linear.app قبل 4 أيام.

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

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

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

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

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

:root {
  --font-heading: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
  --font-size-base: 24px;
}

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

headline-displayQuick brown foxInter Variable / 64px / 510 / lh 64px / -1.408px
headline-lgQuick brown foxInter Variable / 48px / 510 / lh 48px / -1.056px
headline-mdQuick brown foxInter Variable / 13px / 510 / lh 19.5px / -0.13px
body-mdThe quick brown fox jumps over the lazy dogInter Variable / 24px / 400 / lh 31.92px / -0.288px
label-mdThe quick brown fox jumps over the lazy dogInter Variable / 12px / 400 / lh 1.17
buttonThe quick brown fox jumps over the lazy dogInter Variable / 15px / 400 / lh 24px / -0.165px
codeconst pack = extract(url)Berkeley Mono / 14px / 400 / lh 24px
أحجام الخطوط المستخدمة
101112131415162024486472

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

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

curl -s https://stylepack.ai/packs/linear.app/DESIGN.md

أسئلة

ما الخط الذي يستخدمه linear.app؟

يستخدم linear.app الخط Inter Variable, Berkeley Mono. العناوين بخط Inter Variable والنص الأساسي بخط Inter Variable، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط linear.app مجاني الاستخدام؟

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

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

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