الأساس الذي بُنيت عليه شاشات الدخول والإعداد. الذهبي ثابت كلون العلامة في اللوحات الأربع، والأزرق والأبيض هو الافتراضي؛ اللون الأساسي (الأزرار والاختيارات) هو ما يتغيّر بين اللوحات. كل لوحة لها وضع فاتح وداكن. بدّل اللوحة من الأزرار أعلاه لترى كل القيم تتحدّث.
الأساسي (primary): الزر الرئيسي، الاختيار المحدّد، الإبرة في المساطر، خط الرحلة.
الحبر (ink): ثلاث درجات: عناوين، نص ثانوي، تلميحات.
السطح (card): بطاقات الخيارات والحقول فوق الخلفية، بظل خفيف جدًا.
الخط
IBM Plex Sans Arabic للواجهة، وInter للأرقام (tabular). على iOS يُستبدل بـ SF Arabic / SF Pro عبر -apple-system عند تعذّر تحميل الخط. الأرقام دائمًا 0–9 واتجاهها LTR داخل النص العربي.
الخطوة الأولى نحوَ حلمك
H1 · 34/700
كيف بتحب نعرّفك؟
H1 · 30/700
طيب، كيف منوصل لهناك؟
H2 · 22/700
يمكن جرّبت قبل. بس هالمرة، مش إنت اللي لازم تتأقلم.
Lead · 16/400 · 1.75
بتتمرّن؟
Question · 17/700
ممكن تختار أكثر من واحد
Hint · 13.5/400
64.0Number XL · Inter 54/800
2,008Number · Inter 26/800 · tabular
المسافات والزوايا
الهامش الجانبي 22px · بين العناصر 10px · بين الأقسام 22px