نظام التصميم المتكامل
استعراض شامل لجميع مكونات وعناصر التصميم المحسنة في منصة نمو التعليمية
نظام الألوان المعتمد
الألوان الأساسية والثانوية المستخدمة في منصة نمو مع الرموز اللونية الدقيقة
الألوان الأساسية
الأزرق الداكن
اللون الأساسي للمنصة
#1F2B5E
RGB(31, 43, 94)
HSL(225, 50%, 25%)
البني النحاسي
اللون الثانوي المميز
#B1785C
RGB(177, 120, 92)
HSL(22, 32%, 53%)
البنفسجي الداكن
اللون الثالثي المتناسق
#6366f1
RGB(99, 102, 241)
HSL(239, 84%, 67%)
ألوان الحالات
النجاح
#16a34a
المعلومات
#0ea5e9
التحذير
#f59e0b
الخطر
#dc2626
نظام التدرجات اللونية
bg-gradient-primary
bg-gradient-secondary
bg-gradient-hero
bg-gradient-academic
animated-gradient-bg
نظام الخطوط والتايبوغرافي
خط تشرين العربي المعتمد في المنصة مع جميع أحجام وأنماط النصوص
خط تشرين العربي
الخط الرسمي المعتمد في منصة نمو التعليمية
Teshrin AR+LT Regular
العناوين
عنوان رئيسي
text-5xl font-bold
عنوان فرعي
text-4xl font-bold
عنوان ثالثي
text-3xl font-bold
عنوان رباعي
text-2xl font-bold
عنوان خماسي
text-xl font-bold
عنوان سداسي
text-lg font-bold
أنماط النصوص
نص كبير للمقدمات والنصوص المهمة
text-xl
نص متوسط للمحتوى الأساسي
text-lg
نص عادي للفقرات والمحتوى العام
text-base
نص صغير للملاحظات والتفاصيل
text-sm
نص صغير جداً للمعلومات الثانوية
text-xs
نص خفيف (font-light)
نص عادي (font-normal)
نص متوسط (font-medium)
نص شبه عريض (font-semibold)
نص عريض (font-bold)
نظام الأزرار المحسن
مجموعة شاملة من أنماط الأزرار المستخدمة في المنصة مع التأثيرات التفاعلية
الأزرار المحسنة
الأزرار الأساسية
أزرار الحدود
أزرار التدرج
أحجام الأزرار
النماذج والمدخلات
مجموعة شاملة من عناصر النماذج المحسنة مع التحقق والتأثيرات التفاعلية
نموذج أساسي
نموذج متقدم
البطاقات التفاعلية
مجموعة متنوعة من البطاقات التفاعلية مع التأثيرات البصرية المحسنة
بطاقة تعليمية
بطاقة تفاعلية لعرض المحتوى التعليمي مع تأثيرات بصرية جذابة.
بطاقة مقرر
بطاقة لعرض تفاصيل المقررات الدراسية مع معلومات شاملة.
بطاقة جامعة
بطاقة لعرض معلومات الجامعات والكليات المتاحة في المنصة.
أنواع البطاقات
بطاقة زجاجية
بطاقة بتأثير زجاجي شفاف مع خلفية ضبابية.
بطاقة مرتفعة
بطاقة بظل مرتفع لإبراز المحتوى المهم.
التنبيهات والإشعارات
مجموعة شاملة من التنبيهات والإشعارات مع الألوان والأيقونات المناسبة
تنبيهات النجاح
تم بنجاح!
تم حفظ البيانات بنجاح.
عملية ناجحة
تم إنجاز المهمة المطلوبة بنجاح.
تنبيهات الخطأ
حدث خطأ!
فشل في حفظ البيانات.
خطأ في النظام
حدث خطأ غير متوقع، يرجى المحاولة مرة أخرى.
تنبيهات التحذير
تحذير!
يرجى التحقق من البيانات المدخلة.
تنبيه مهم
انتبه لهذه المعلومة المهمة.
تنبيهات المعلومات
معلومة مفيدة
هذه معلومة قد تكون مفيدة لك.
نصيحة
نصيحة مفيدة لتحسين تجربتك.
الإشعارات التفاعلية
الشارات والتسميات
مجموعة متنوعة من الشارات والتسميات لتصنيف وتمييز المحتوى
الشارات الأساسية
شارات الحدود
شارات بأيقونات
اختبار البطاقات التفاعلية
بطاقة تفاعلية 1
هذه بطاقة تجريبية لاختبار التأثيرات التفاعلية والرسوم المتحركة.
بطاقة تفاعلية 2
هذه بطاقة تجريبية لاختبار التأثيرات التفاعلية والرسوم المتحركة.
بطاقة تفاعلية 3
هذه بطاقة تجريبية لاختبار التأثيرات التفاعلية والرسوم المتحركة.
اختبار النماذج المحسنة
اختبار الرسوم المتحركة
عناصر متحركة بأنماط مختلفة
اختبار الإحصائيات المتحركة
طالب مسجل
دورة متاحة
جامعة شريكة
نسبة الرضا %
اختبار الإشعارات
اختبار التصميم المتجاوب
قم بتغيير حجم النافذة لاختبار التجاوب
اختبار خط Teshrin
عنوان رئيسي بخط تشرين
عنوان فرعي بخط تشرين
فقرة نصية عادية بخط تشرين للتأكد من وضوح القراءة والجمالية.
نص صغير بخط تشرين لاختبار الوضوح في الأحجام المختلفة.
تصاميم محسنة
مجموعة من التصاميم المحسنة التي تستخدم الألوان والتأثيرات الجديدة لتحسين تجربة المستخدم
تصميم متوهج
بطاقة مع تأثير توهج وحركة عند التحويم
هذه البطاقة تستخدم تأثير التوهج عند التحويم عليها، مما يعطي إحساسًا بالعمق والتفاعل.
تصميم ثلاثي الأبعاد
بطاقة مع تأثير ثلاثي الأبعاد وحدود متوهجة
هذه البطاقة تستخدم تأثير ثلاثي الأبعاد عند التحويم عليها، مع حدود متوهجة تعطي مظهرًا عصريًا.
تصميم متدرج متحرك
بطاقة مع خلفية متدرجة متحركة
هذه البطاقة تستخدم خلفية متدرجة متحركة تتغير تدريجيًا، مما يجذب انتباه المستخدم ويضيف حيوية للتصميم.
أزرار محسنة
مجموعة من الأزرار المحسنة بتأثيرات وألوان مختلفة