منهلي الحديث

نظام تصميم هادئ ودافئ للمعلّمين. عربي أولًا، مبني على أسماء متغيرات shadcn وبنية مكوّنات Base UI ليُنقل مباشرة إلى المنصة.

الألوان

الألوان المحايدة الدافئة تحمل الواجهة، والبرتقالي محفوظ لما يهم: الإجراء الرئيسي والتقدّم والتمييز. كل ثنائيات النص تجتاز معيار WCAG AA في الوضعين.

الخطوط

ثمانية Sans للعربية، وInter للنص اللاتيني ولكل الأرقام. ثمانية Serif Display مخصص للترحيب والعناوين الكبيرة فقط. الأوزان: 400 و500 و700.

display · 36/1.25صباح الخير يا سارة
xl · 24/700الدورات
lg · 20/700إيرادات هذا الشهر
md · 17/500الخط العربي للمبتدئين
base · 15/400يستطيع الطلاب معاينة الدرس الأول مجانًا قبل التسجيل.
sm · 13/400آخر تعديل قبل 3 دقائق
xs · 12/500عنوان عمود
num · Inter tabular48,920.50

الانحناء والظلال والبصمة

الانحناء يكبر مع حجم السطح: الوسوم 8، الحقول 10، البطاقات 16، اللوحات والنوافذ 20. الظلال دافئة وهادئة. مصفوفة النقاط هي بصمتنا: كل نقطة درس أكمله طالب.

الانحناء
8
10
16
20
الارتفاع
xs
sm
md
lg
مصفوفة النقاط

الأزرار

إجراء رئيسي واحد في كل شاشة. النص يقول ما سيحدث بالضبط. الأزرار ذات الأيقونة فقط لها اسم وتلميح دائمًا.

الأنواع
الأحجام والحالات
⌘K

النماذج

العنوان فوق الحقل والمساعدة تحته. الخطأ يظهر تحت الحقل ويشرح طريقة الإصلاح. البريد والروابط والرموز دائمًا من اليسار لليمين.

التصنيف
معاينة مجانية

الشارات والوسوم والتقدّم

الحالة شارة ناعمة بنقطة. الوسوم تحمل التصنيفات بثماني درجات ناعمة. التقدّم برتقالي دائمًا حتى يكتمل فيصبح أخضر.

الحالة
منشورةمسودةمجدولةمؤرشفة
الدفع
مدفوعبانتظار التأكيدمستردفشلجديد
الوسوم
التصميمالأعمالالقرآنالخط العربياللغاتالمالالتصويرالبرمجة
التقدّم والأشخاص
64%
100%
72
رمل+9
الطلاب النشطون
2,418
▲ 6.2%
الإيرادات
48,920ر.س
▲ 12.4%
الشهادات
312
▲ 9%
68
بحاجة لمتابعة
14
▼ 3

الجداول والتنقل

الجداول داخل بطاقة وفوقها شريط أدوات. إجراءات الصف تظهر عند المرور أو التركيز. الأرقام تُحاذى للنهاية بأرقام ثابتة العرض.

تحديدالدورةالحالةالطلابالإيراداتإجراءات
منشورة · 2
أساسيات التصميم مع فيجما24 درسًا · 6 س 40 د
منشورة1,20496,300
الخط العربي للمبتدئين12 درسًا · 3 س 10 د
منشورة48642,100

القوائم والنوافذ والألواح

القوائم للاختيارات السريعة، والنوافذ للقرارات التي تحتاج تركيزًا، والألواح الجانبية للتفاصيل دون مغادرة الصفحة. زر Esc يغلق دائمًا ويعود التركيز لمكانه.

لوحة الأوامر

التنبيهات

التنبيه يشرح ما حدث وما الخطوة التالية. الإشعار المؤقت يؤكد الإجراء بنفس فعل زرّه. الشاشة الفارغة تدعو للخطوة التالية.

نصيحة

الدورات التي فيها درس مجاني تحصل على ضعف التسجيلات.

تم ربط المدفوعات

يمكن لطلابك الآن الدفع بمدى وApple Pay والبطاقات.

4 تحويلات بحاجة لمراجعتك

يحصل الطلاب على الدورة فور تأكيدك.

فشل رفع الفيديو

حجم الملف أكبر من 2 غيغابايت. اضغطه أو ارفعه على أجزاء.

أنشئ دورتك الأولى

ابدأ بعنوان ودرس واحد، وأضف الباقي متى كنت جاهزًا.

دورة جديدة

الأنماط

قطع مشتركة تُبنى منها كل المحررات والقوائم. المحرر يحفظ تلقائيًا، فيذكر رأسه متى حُفظ العمل ومن يراه، والإجراء الرئيسي الوحيد هو النشر. وعند وجود تعديلات غير محفوظة يظهر شريط الحفظ.

رأس المحرر
الخط العربي للمبتدئين مسودة

حُفظ قبل دقيقتينلن يرى طلابك الدورة حتى تنشرها.

شريط الحفظ (يثبت أسفل المحرر عند أي تعديل)
لديك تغييرات غير محفوظة

الحالة

مسودة
الظهور
مخفية حتى النشر
آخر تعديل
قبل دقيقتين بواسطة سارة
الجدولة
النشر فورًا
3/5

جاهزية النشر

بقيت خطوتان
  1. العنوان والوصف
  2. 3 دروس على الأقل
  3. تحديد السعر
  4. 4ارفع فيديو الدرس الناقص
  5. 5أضف صورة الغلاف
يصل للطالب بالبريد

السجل

  1. فتح عبدالله التذكرةاليوم، 9:12
  2. أضافت سارة ملاحظة داخليةاليوم، 9:40
  3. أُكّد الدفع وفُتحت الدورةاليوم، 10:05
شريط الأرقام: البطاقة التي تحتاجك تأتي أخيرًا ومعها خطوتها التالية
الاختبارات 18 12 منشورًا
المحاولات 2,140 ▲ 8%هذا الشهر
نسبة النجاح 81% في كل الاختبارات
صف حقلين (عمود واحد على الجوال)
عناصر المحتوى
RAMADAN25 worksheet-alif.pdf1.2 MB
تذييل قائمة البطاقات
عرض 8 / 12

الشخصية: القلم والمحبرة

رفيق منهلي قلمُ خطّاط من القصب. لا وجه له ولا عيون ولا جسد؛ يعبّر فقط بحركته وبما يكتبه بالحبر، فيبقى دافئًا ومرحًا ومحترمًا. استخدمه في الدخول والإعداد واللحظات المهمة، لا في شاشات العمل المزدحمة.

الحالات
لون المحبرة
  • حلال بالتصميم: شيء له شخصية. لا تُضف أبدًا عيونًا أو وجهًا أو يدين أو اسمًا يشير إلى شخص.
  • يدعم النموذج ولا يحلّ محلّه: الأخطاء تظهر تحت الحقل، والقلم يكرّرها فقط.
  • زخرفي لقارئات الشاشة (aria-hidden)، وهادئ مع تقليل الحركة: يظهر الحبر دون تنقّل.

قواعد العربية أولًا

ما يجعل المنتج مريحًا للمعلّمين في المنطقة.

افعل

  • استخدم الاتجاهات المنطقية (بداية/نهاية). اعكس الأسهم فقط، لا الشعارات ولا أزرار التشغيل ولا المحاور الزمنية.
  • اكتب الأرقام لاتينية بخط Inter، والسعر مع العملة بعده: 249 ر.س.
  • أبقِ البريد والروابط والرموز وأرقام الطلبات من اليسار لليمين داخل النص العربي.
  • خاطب المعلّم بعربية قصيرة ودافئة ومباشرة. سمِّ الأشياء بما تفعله للطلاب.

لا تفعل

  • لا تضف تباعد أحرف أو أحرفًا كبيرة للعربية، ولا تستخدم الوزن 600 (غير موجود في ثمانية).
  • لا تستخدم البرتقالي لغير الإجراء الرئيسي والتقدّم والهوية. زرّان برتقاليان يتنافسان.
  • لا تعرض قائمة فارغة عند فشل التحميل. الخطأ والفراغ شاشتان مختلفتان.
  • لا تُخفِ الطريقة الوحيدة لتنفيذ إجراء خلف المرور بالفأرة. كل إجراء يمكن الوصول إليه بلوحة المفاتيح.