منصة إدارة الحلقات القرآنية

نظام تصميم الواجهات — عربي RTL

هوية بصرية واحدة تحكم 38 شاشة موزّعة على أربع بوابات: الطالبة، المعلمة، الإدارة العامة، الإدارة الفرعية. اللون الأخضر العميق يرمز للحلقة والقرآن، والنعناعي الفاتح للأسطح، والذهبي للأوسمة واللحظات الاحتفالية.

ابدئي ببوابة الطالبة Amiri للعناوين IBM Plex Sans Arabic للنصوص

لوحة ألوان محكمة

مرجع لوني واحد، لا لون خارج المتغيّرات المعرَّفة في النظام.

مكوّنات جاهزة

بطاقات، جداول، أزرار، نماذج، خطوط زمنية، أوسمة، نوافذ منبثقة.

وصولية مبنية

تباين كافٍ، تركيز مرئي واضح، احترام تقليل الحركة، دعم قارئ الشاشة.

لوحة الألوان

القيم المعرَّفة في :root

أخضر عميق--green-900 · #0A3D2E

أخضر الحلقة--green-700 · #12705A

أخضر مائل للأزرق--teal-600 · #0F7E6E

نعناعي فاتح--mint-100 · #E9F7F2

ذهبي--gold-500 · #C8A54B

نجاح--ok · #1E8E5A

تنبيه--warn · #B98410

خطر--danger · #C0402F

معلومة--info · #256C93

خلفية الصفحة--bg · #F4F7F6

الخطوط والتسلسل

بسم الله الرحمن الرحيم

Amiri — للعناوين والمقاطع القرآنية

حفظ · تلاوة · تجويد

IBM Plex Sans Arabic — للنصوص والجداول والنماذج

مستوى 1 · 2remمستوى 2 · 1.35remنص · 15pxدقيق · 13px

الحالات والأزرار

حاضرةمتأخرة غائبةجديد وسامافتراضي

72%

64%حفظ 91%تجويد

تنبيهات وبطاقات أرقام

تم تأكيد إيصال شهر جمادى الآخرة.

مهلتك حتى 15 من الشهر لرفع إيصال الدفع.

موعد العيادة القادم الأحد 5:20 م.

أيام الحضور

مرات التأخر

أيام الغياب

89%

نسبة الحضور

الجداول

رأس ثابت وصفوف متبادلة

الطالبة	الحلقة	الحالة
ن.ح نورة الحارثية	حلقة النور	منتظمة
س.ب سارة البادية	حلقة الفرقان	متعثّرة
ر.م ريم المعمرية	حلقة الإسراء	منتظمة

النماذج

حقول واضحة وحالة تركيز مرئية

مجموعة الأيقونات

خطوط واحدة · stroke 1.75 · نفس المجموعة المستخدمة في المنصة

البوابات الأربع

38 شاشة في ملفات التصميم الأصلية

بوابة الطالبة

الحضور · النتائج · الملاحظات · العيادة · الأوسمة · الواجبات · الحلقة · الطلبات · الدفع · الرسائل

10 شاشات — جاهزة للمعاينة

بوابة المعلمة

تسجيل الحضور · إضافة الطالبات · ملاحظات التلاوة · طلبات المواعيد · التعزيزات · الاختبارات · الأنشطة · الرسائل

8 شاشات — جاهزة للمعاينة

الإدارة العامة

الحسابات · الدرجات · الكشوف · المواعيد · التعزيز · الإنذارات · الشُعب · الطلبات · الحلقات · الرسائل · التقييم · الدفع

12 شاشة — جاهزة للمعاينة

الإدارة الفرعية

الدرجات · المواعيد · التعزيز · الإنذارات · الشُعب · الحلقات · الرسائل · تقييم الحلقات

8 شاشات — جاهزة للمعاينة

ملف التصميم يحمل الشاشات الثماني والثلاثين كمرجع بصري. هذه المعاينة تترجمه إلى واجهة عربية RTL قابلة للنقر، وتشارك المنصة نفس ملف الأنماط، فأي تعديل على المفردات ينعكس على الاثنين.