نظام تصميم وسكيل عربي مفتوح المصدر
HatemAlNajjar-system
لغة واجهات عربية تبدأ من RTL وتجمع الألوان، الخطوط، المكوّنات، حالات التفاعل وتجربة الاستخدام في نواة واحدة قابلة للنقل بين الويب وSaaS والتطبيقات.
احترافيبيانات حقيقية وحالات واضحة
دقيققياس مفهوم ورد فعل صريح
هادئالواجهة تختفي خلف المهمة
ميدانيلمس آمن وجوال كامل
الاستعراض الصحيح بخطوط ثمانية
هاتان اللوحتان مرسومتان بالعائلتين الأصليتين لتظهر النتيجة نفسها لكل زائر: Thmanyah Sans للواجهة، وThmanyah Serif Display للهوية والعناوين.
المعاينات تستخدم الخط الحقيقي، وليست تقريبًا بخط بديل. ملفات الخط نفسها لا تُرسل للمتصفح ولا تُنشر في GitHub؛ احصل عليها من المصدر الرسمي واستخدمها وفق الترخيص.
أساس بصري عربي، لا ترجمة لاحقة
شبكة 4px، محتوى أقصى 1040px، أهداف لمس 44px، ودرجات دلالية تحافظ على معناها في الوضعين.
الخلفية
--an-color-bgالسطح
--an-color-surface-1التفاعل
--an-color-accentالإنجاز
--an-color-successالخطر
--an-color-dangerالزمن
--an-color-timecodeDisplay · Thmanyah Serif Displayإدارة العمل
بلا ضجيج
بلا ضجيج
عنوانتصوير الحلقة الأولى
22 / 700نص واجهة
نص واضح ومضغوط للاستخدام السريع تحت ضغط العمل.
14 / 400قيمة تقنية01:14:23:08
system monoتعرض اللوحات المرئية أعلاه الخط الأصلي لكل الزوار. أما النص التفاعلي الحي فيستخدم الخط محليًا عند توفره ثم ينتقل إلى fallback عربي آمن.
المكوّنات أمامك، وتعمل
جرّب الأزرار والثيم والقرار السفلي. الألوان ليست زخرفة: كل لون محجوز لدور واضح.
الأفعال
الحقول
الحالة والتقدم
كتابةجاهز للتصويرفي التحريرتم
المشاهد
17 / 25
نفس البيانات، أكثر من طريقة عمل
بطاقات المجال اختيارية، أما المبدأ ثابت: طرق العرض المختلفة تقرأ المصدر نفسه وتحافظ على اتجاه التقدم من اليمين إلى اليسار.
00:14:23:08
00:02:11:04إعادة الجملة الأخيرة مع وقفة أقصر.
00:09:32:18اختيار اللقطة الثانية للمونتاج.
أربع توزيعات، نظام واحد
اختر البيئة التي تعمل فيها. كل ZIP يحمل النسخة نفسها من قواعد التصميم ومراجعها، بصيغة التثبيت المناسبة للأداة.
Codex Skill
Codex CLI وتطبيق سطح المكتب
$hatemalnajjar-systemتنزيل ZIPChatGPT Plugin
ChatGPT وCodex عبر Plugins
@hatemalnajjar-systemتنزيل ZIPClaude Code Skill
Claude Code للمستخدم أو المشروع
/hatemalnajjar-systemتنزيل ZIPClaude Chat Skill
Claude على الويب وتطبيقات Claude
يعمل تلقائيًا بعد الرفعتنزيل ZIPصُنع وطُوّر بواسطة
iiAMMAR11
نظام تصميم وسكيل عربي مفتوح المصدر، مستخرج من تجربة Mersad-1.0 ومحسّن للاعتماد في منتجات متعددة.