موثوق وهادئ
لون أساسي واحد، أسطح بيضاء، بلا تدرجات. اللون يُستخدم للمعنى لا للزينة.
كثيف دون ازدحام
شبكة 8px، أرقام بعرض ثابت (tabular)، وتسلسل بصري واضح من المؤشر إلى التفاصيل.
العربية أولًا
كل شيء من اليمين لليسار: التنقل، الجداول، المخططات والأسهم. المصطلحات التقنية (API, SLA, Request ID) تبقى بالإنجليزية.
01 · Color
الألوان
الأساسي — أزرق بترولي داكن
التنقل، الأزرار الرئيسية، الروابط، مقياس الخريطةPrimary 900
#062F41
Primary 800 · hover
#083E55
Primary 700 · أساسي
#0B4F6C
Primary 600
#2A7194
Primary 400
#5E9DB9
Primary 200
#A9CCDB
Primary 100
#E3EFF4
Primary 50
#F2F8FA
التمييز — ذهبي هادئ
مؤشرات النشاط والتمييز فقطGold 700 · نص
#8A6516
Gold 500 · تمييز
#C8962E
Gold 100
#F6ECD6
ملاحظة الوصول: #C8962E لا يحقق تباين 4.5:1 كنص على الأبيض؛ يُستخدم كخلفية أو حدّ أو مؤشر. للنص الذهبي استخدم Gold 700.
ألوان الحالة
نص · خلفيةمكتمل / معتمد
#1E7F4F · #E5F4EC
معلق / قيد المراجعة
#A35F00 · #FDF1DC
مرفوض / حرج
#B42318 · #FDECEA
معلوماتي
#1D5FBF · #E8F0FC
المحايدات
النصوص، الحدود، الخلفيات900 · نص أساسي
#1A2228
700 · نص ثانوي
#3D4A54
600 · تسميات
#5A6772
400 · معطّل
#98A3AC
300 · حدود حقول
#C9D1D7
200 · حدود بطاقات
#E2E7EB
100 · خلفية جداول
#F1F4F6
50 · خلفية الصفحة
#F7F9FA
سطح أبيض
#FFFFFF
مقياس الخريطة التكافؤية (Sequential · 5 فئات)
أقلأعلى
02 · Typography
الخطوط
IBM Plex Sans Arabic — 400 / 500 / 600 / 700. الأرقام بالأرقام اللاتينية (0–9) مع tabular-nums في الجداول والمؤشرات.
03 · Spacing, radius, elevation
المسافات والشبكة
شبكة 8px
4
8
16
24
32
48
64
حشو البطاقة 24 · المسافة بين البطاقات 16 · بين الأقسام 32 · ارتفاع الصف 48 · ارتفاع الحقل 40.
الزوايا والارتفاع
4 · شارة
8 · حقل/زر
12 · بطاقة
قائمة منسدلة
البطاقات بحدود 1px فقط بلا ظل؛ الظل محجوز للعناصر العائمة (القوائم، النوافذ).
05 · Inputs
حقول الإدخال
كما ورد في قرار الإشهار
يُعرض مُقنّعًا افتراضيًا؛ الكشف يتطلب صلاحية ويُسجَّل في سجل التدقيق
رقم الإشهار غير موجود في بنك المعلومات
06 · Status badges
شارات الحالة
حالة السجل
معتمد
نشطة
قيد المراجعة
مرفوض
موقوفة
جديد
غير نشطة
درجة الخطورة
حرج
مرتفع
متوسط
معلوماتي
وسوم ومزامنة
الأعلى أداءً
بانتظار المزامنة
AID-2026-104882
12
07 · Tables
الجداول
الأعمدة النصية تبدأ من اليمين؛ الأعمدة المالية والرقمية تُحاذى لليسار بأرقام tabular لسهولة المقارنة. «السابق» يشير لليمين و«التالي» لليسار.
08 · Cards
البطاقات
طلبات المساعدة الشهرية
48,632
▲ 5.0%مقارنة بسبتمبر
بطاقة مؤشر (KPI)
جمعية النور الخيريةإشهار 3104/2019 · أسيوط
الامتثال88%
آخر زيارة2026/09/14
بطاقة معلومات كيان
حرجمنذ 12 دقيقة
رصد ازدواج في المساعدات
37 مستفيدًا تلقّوا مساعدات من 3 جمعيات أو أكثر خلال 30 يومًا.
09 · Empty, loading, error
الحالات
لا توجد طلبات مساعدة
لم تُسجَّل طلبات تطابق عوامل التصفية الحالية. جرّب توسيع الفترة الزمنية.
فارغ · Empty
جارٍ تحميل البيانات…
تحميل · Loading skeleton
تعذّر تحميل بيانات المحافظة
انتهت مهلة الاتصال بخدمة بنك المعلومات. لم يتم فقد أي بيانات.
Request ID: REQ-7F3A-22C1 · HTTP 504
خطأ · Error
تنبيه معلوماتي: تمت مزامنة 214 زيارة ميدانية من وضع Offline.
تم اعتماد الطلب وإرسال إشعار للمستفيد.
10 · RTL direction
الاتجاه والأيقونات
رجوعيشير إلى اليمين
تعمّق / التالييشير إلى اليسار
المخططات الزمنيةالأقدم يمينًا والأحدث يسارًا
الخرائط لا تنعكسالجغرافيا تحافظ على الشمال والغرب