دليل الهوية البصرية (Design System)

المرجع الشامل للألوان، الخطوط، والمكونات البرمجية المستخدمة في نظام المميز.

الخطوط الطباعية (Typography)

الخط الرئيسي

خط عربي هندسي يجمع بين الحداثة والوضوح الشديد في القراءة الرقمية.

Aa Black (900) - للعناوين الرئيسية

Aa Bold (700) - للعناوين الفرعية والأزرار

Aa Medium (500) - للنصوص الطويلة والشروحات

#0E3728

يستخدم في الهوية، الهيدر، والأزرار الرئيسية

#F59E0B

يستخدم للتنبيهات، النقاط النشطة، والترقية

#10B981

للشحنات المكتملة، الدفع الناجح، والحالات الإيجابية

#F8FAFC

للخلفيات العامة والمساحات المريحة للعين

المحرك الرئيسي للتنسيق السريع والمتجاوب (Utility-first framework).

مكتبة الأيقونات العالمية المستخدمة في كافة الواجهات التفاعلية.

التحكم في منطق القوائم، التنبيهات، والتفاعلات اللحظية دون مكتبات ثقيلة.

XL (12px)

3XL
(24px)

MAX
(48px+)

لتحويل البيانات المعقدة إلى رسوم بيانية تفاعلية تدعم الجوال بشكل كامل وتدعم الوضع الداكن.

إضافة سلايدات (Sliders) ناعمة وتفاعلية تدعم السحب باللمس للأخبار، الصور، أو بطاقات الإحصائيات.

البطاقة الحالية

رسوم متحركة متجهة (Vector) فائقة الجودة وبأحجام صغيرة جداً لإعطاء حياة وروح للمنصة.

تفعيل خاصية "السحب والإفلات" (Drag & Drop) لإعادة ترتيب المهام، القوائم، أو الصور بسهولة فائقة.

عنصر قابل للسحب

قيد السحب الآن...