منهلي الحديث
نظام تصميم هادئ ودافئ للمعلّمين. عربي أولًا، مبني على أسماء متغيرات shadcn وبنية مكوّنات Base UI ليُنقل مباشرة إلى المنصة.
الألوان
الألوان المحايدة الدافئة تحمل الواجهة، والبرتقالي محفوظ لما يهم: الإجراء الرئيسي والتقدّم والتمييز. كل ثنائيات النص تجتاز معيار WCAG AA في الوضعين.
الخطوط
ثمانية Sans للعربية، وInter للنص اللاتيني ولكل الأرقام. ثمانية Serif Display مخصص للترحيب والعناوين الكبيرة فقط. الأوزان: 400 و500 و700.
الانحناء والظلال والبصمة
الانحناء يكبر مع حجم السطح: الوسوم 8، الحقول 10، البطاقات 16، اللوحات والنوافذ 20. الظلال دافئة وهادئة. مصفوفة النقاط هي بصمتنا: كل نقطة درس أكمله طالب.
الأزرار
إجراء رئيسي واحد في كل شاشة. النص يقول ما سيحدث بالضبط. الأزرار ذات الأيقونة فقط لها اسم وتلميح دائمًا.
النماذج
العنوان فوق الحقل والمساعدة تحته. الخطأ يظهر تحت الحقل ويشرح طريقة الإصلاح. البريد والروابط والرموز دائمًا من اليسار لليمين.
الشارات والوسوم والتقدّم
الحالة شارة ناعمة بنقطة. الوسوم تحمل التصنيفات بثماني درجات ناعمة. التقدّم برتقالي دائمًا حتى يكتمل فيصبح أخضر.
الجداول والتنقل
الجداول داخل بطاقة وفوقها شريط أدوات. إجراءات الصف تظهر عند المرور أو التركيز. الأرقام تُحاذى للنهاية بأرقام ثابتة العرض.
| الدورة | الحالة | الإيرادات | إجراءات | ||
|---|---|---|---|---|---|
| منشورة · 2 | |||||
أساسيات التصميم مع فيجما24 درسًا · 6 س 40 د |
منشورة | 96,300 | |||
الخط العربي للمبتدئين12 درسًا · 3 س 10 د |
منشورة | 42,100 | |||
لا توجد نتائج تطابق هذه الفلاتر
القوائم والنوافذ والألواح
القوائم للاختيارات السريعة، والنوافذ للقرارات التي تحتاج تركيزًا، والألواح الجانبية للتفاصيل دون مغادرة الصفحة. زر Esc يغلق دائمًا ويعود التركيز لمكانه.
التنبيهات
التنبيه يشرح ما حدث وما الخطوة التالية. الإشعار المؤقت يؤكد الإجراء بنفس فعل زرّه. الشاشة الفارغة تدعو للخطوة التالية.
الدورات التي فيها درس مجاني تحصل على ضعف التسجيلات.
يمكن لطلابك الآن الدفع بمدى وApple Pay والبطاقات.
يحصل الطلاب على الدورة فور تأكيدك.
حجم الملف أكبر من 2 غيغابايت. اضغطه أو ارفعه على أجزاء.
الأنماط
قطع مشتركة تُبنى منها كل المحررات والقوائم. المحرر يحفظ تلقائيًا، فيذكر رأسه متى حُفظ العمل ومن يراه، والإجراء الرئيسي الوحيد هو النشر. وعند وجود تعديلات غير محفوظة يظهر شريط الحفظ.
حُفظ قبل دقيقتينلن يرى طلابك الدورة حتى تنشرها.
الحالة
مسودة- الظهور
- مخفية حتى النشر
- آخر تعديل
- قبل دقيقتين بواسطة سارة
- الجدولة
- النشر فورًا
جاهزية النشر
بقيت خطوتان- العنوان والوصف
- 3 دروس على الأقل
- تحديد السعر
- 4ارفع فيديو الدرس الناقص
- 5أضف صورة الغلاف
السجل
- فتح عبدالله التذكرةاليوم، 9:12
- أضافت سارة ملاحظة داخليةاليوم، 9:40
- أُكّد الدفع وفُتحت الدورةاليوم، 10:05
الشخصية: القلم والمحبرة
رفيق منهلي قلمُ خطّاط من القصب. لا وجه له ولا عيون ولا جسد؛ يعبّر فقط بحركته وبما يكتبه بالحبر، فيبقى دافئًا ومرحًا ومحترمًا. استخدمه في الدخول والإعداد واللحظات المهمة، لا في شاشات العمل المزدحمة.
- حلال بالتصميم: شيء له شخصية. لا تُضف أبدًا عيونًا أو وجهًا أو يدين أو اسمًا يشير إلى شخص.
- يدعم النموذج ولا يحلّ محلّه: الأخطاء تظهر تحت الحقل، والقلم يكرّرها فقط.
- زخرفي لقارئات الشاشة (aria-hidden)، وهادئ مع تقليل الحركة: يظهر الحبر دون تنقّل.
قواعد العربية أولًا
ما يجعل المنتج مريحًا للمعلّمين في المنطقة.
افعل
- استخدم الاتجاهات المنطقية (بداية/نهاية). اعكس الأسهم فقط، لا الشعارات ولا أزرار التشغيل ولا المحاور الزمنية.
- اكتب الأرقام لاتينية بخط Inter، والسعر مع العملة بعده: 249 ر.س.
- أبقِ البريد والروابط والرموز وأرقام الطلبات من اليسار لليمين داخل النص العربي.
- خاطب المعلّم بعربية قصيرة ودافئة ومباشرة. سمِّ الأشياء بما تفعله للطلاب.
لا تفعل
- لا تضف تباعد أحرف أو أحرفًا كبيرة للعربية، ولا تستخدم الوزن 600 (غير موجود في ثمانية).
- لا تستخدم البرتقالي لغير الإجراء الرئيسي والتقدّم والهوية. زرّان برتقاليان يتنافسان.
- لا تعرض قائمة فارغة عند فشل التحميل. الخطأ والفراغ شاشتان مختلفتان.
- لا تُخفِ الطريقة الوحيدة لتنفيذ إجراء خلف المرور بالفأرة. كل إجراء يمكن الوصول إليه بلوحة المفاتيح.