نفس الألوان والخطوط والمكونات في كل الصفحات — ليشعر المستخدم أنه داخل منتج واحد.
الألوان (فقط الأحمر/الأبيض/الرمادي)
Red Primary
#E30613 — الأزرار والهوية
Dark Red
#7F1D1D — الخطر والحالات الحرجة
Light Red
#FEE2E2 — الخلفيات التنبيهية
White / Very Light Gray
#FFFFFF / #F8F8F9 — الأساس
Typography — IBM Plex Sans Arabic
عنوان رئيسي واثق
عنوان قسم واضح
نص هادئ بهيراركي مقروءة — العناوين قوية والنصوص خفيفة.
الأزرار — مضغوطة ومسطحة
نصف قطر موحد 8px — بلا ظلال أو توهج. الأحمر للإجراء الأساسي فقط.
Radius والحدود والظلال
نصف قطر هادئ: 6 / 8 / 12 — بلا أشكال حبوبية إلا لمؤشرات الحالة الصغيرة. الحدود شعرية ووظيفية فقط، والظلال شبه معدومة. البطاقات بيضاء بحد شعري والفصل بالمساحة والفواصل.
الشارات والمدخلات والتنبيهات والحالات
عاجل جدًاعاجلمتاح✓ هوية موثقةمنشأة موثقةمسودة
Alert أحمر — للحالات العاجلة فقط.
Alert رمادي — لمعلومات ثانوية.
Empty State — لا توجد بيانات هنا بعد.
Loading State — هيكل تحميل خفيف بدون تأثيرات مبالغ فيها.
