الخطوط
استخدم Nunito Sans للعناوين وInter للقراءة وAlmarai للعربية وJetBrains Mono للتفاصيل التقنية.
أربعة خطوط بأدوار محددة
تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
فكرة واضحة، وتعلّم أذكى.
24 / 32 / 48 — 01:20
في التطبيق
تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
العنوان يقود والنص يشرح ووسم أحادي العرض يحدد القصة. تبقى الرسالة أكبر من التوقيع.
01 / 03تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
التالي: شكّل الدرس
يوفر Inter قراءة هادئة. عرض سطر مريح وارتفاع واسع يفصلان المحتوى عن الأدوات.
تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
مثال توضيحي؛ لا تُرسَل أي بيانات.ميّز التسميات والتعليمات والإجراءات بالتسلسل الطباعي. امنح النص العربي مساحة للالتفاف الطبيعي بخط Almarai.
جرّب النظام الطباعي
تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
72px / 750 / 1.3 · يبقى النص نصًا. يستخدم العربي أوزان 400 أو 700 أو 800 الفعلية، بلا توسيع بين الحروف.
القواعد والمصدر
خصص دورًا لكل خط
Nunito Sans للعناوين، وInter للنصوص والواجهة، وAlmarai للعناوين والنصوص العربية، وJetBrains Mono للتسميات والشيفرة والرموز.
التسلسل قبل الزخرفة
حافظ على طول سطر مقروء وتباعد مريح. يبدأ النص الرقمي من 16px والتسميات من 14px. ميّز المستويات بالوزن والحجم دون إضافة خطوط أخرى.
افعل
استخدم عنوانًا قويًا مع فقرة داعمة هادئة ومقروءة.
لا تفعل
لا تضغط العربية، أو تحوّل النص إلى صورة، أو تستخدم الخط التقني للنصوص الطويلة.
افتح مصدر Figma القابل للتحريرصفحات المصدر 11