نظام واحد، لكل صفحة.
مبني على هيكل Apple Human Interface Guidelines: ألوان دلالية بتتغير مع الوضع الفاتح والغامق، خلفيات مجمّعة، خامات شفافة، وسلم خطوط ثابت. وبهوية مانسكوم: فحمي وأبيض ورمادي، والدهبي هو اللون الوحيد للتفاعل. كل قيمة هنا متغيّر في tokens.css، ومفيش قيمة مكتوبة يدوي في أي مكوّن.
الألوان الدلالية
بنستخدم اسم الدور مش اسم اللون. نفس المتغيّر بيدي قيمة مختلفة في الوضع الغامق. اقلب المظهر من فوق وشوف.
الخط
Cairo (متغيّر الوزن) للعربي، مستضاف مع الموقع عشان يطلع نفس الشكل على أندرويد وآيفون وويندوز. Montserrat ExtraBold للوجو بس.
المسافات
شبكة 4 نقط. أقل هدف للضغط 44 نقطة.
الحركة
أربع مُدد ومنحنى spring واحد. كل حركة بتحترم إعداد "تقليل الحركة" في الجهاز.
الأزرار
Filled للفعل الأساسي (واحد بس في الشاشة)، Tinted للفعل الثانوي، Gray للمحايد، Plain للروابط جوه الشريط.
أدوات الاختيار
Segmented للاختيار من 2 لـ 5 حاجات، Switch لتشغيل وقفل، Stepper و Slider للأرقام.
القوائم المجمّعة
Inset grouped list: عنوان صغير فوق، صفوف بفواصل بتبدأ من بعد الهامش، وملاحظة تحت.
Disclosure
محتوى بيتفتح ويتقفل.
عنصر تاني
محتوى.
الأسطح
Card، Chip، Badge على خامة شفافة، و Tile قابل للاختيار.