Apex Design Hub
مرحباً بك في Apex Design Hub
مكتبة تصميم شاملة للفريق — مبنية على UI/UX Pro Max
—
نمط تصميم
—
لوحة ألوان
—
تركيبة خطوط
—
قاعدة UX
قواعد الأولوية العليا
♿ Accessibility — CRITICAL
  • ✔️ تباين ألوان لا يقل عن 4.5:1
  • ✔️ Focus states واضحة على كل العناصر
  • ✔️ alt text وصفي على الصور
  • ✔️ aria-label على الأزرار الأيقونية
👆 Touch & Interaction — CRITICAL
  • ✔️ حجم عناصر التفاعل لا يقل عن 44×44px
  • ✔️ cursor-pointer على كل عنصر قابل للنقر
  • ✔️ Loading state على الأزرار الـ async
  • ✔️ رسائل خطأ واضحة بجانب المشكلة
🎨 قاعدة الأيقونات
  • ❌ لا تستخدم Emojis كأيقونات أبداً
  • ✔️ استخدم SVG فقط — Heroicons أو Lucide
  • ✔️ حجم موحد في كل التطبيق
✍️ Typography Rules
  • ✔️ body font ≥ 16px على الموبايل
  • ✔️ line-height: 1.5–1.75
  • ✔️ Scale: 12/14/16/18/24/32/48px
  • ✔️ Labels فوق الـ inputs دائماً
بالوانا كـ Apex
Tordoo — Logistics SaaS
Primary
Accent
BG
TajawalInter
Musandam / ROP — Government
Primary
Gold
IBM Plex Sans Arabic
Al-Saha — Sports
Primary
Red
Gold
RubikSpace Grotesk
OPAL — Oil & Gas
Primary
Accent
AlmaraiGeist
🎨 أنماط التصميم
67 نمط — اختر الأنسب لنوع المشروع
🎯 لوحات الألوان
161 لوحة — مصممة لكل نوع منتج
✍️ تركيبات الخطوط
57 تركيبة — عربي وإنجليزي
✅ UX Guidelines
99 قاعدة — مرتبة حسب الأولوية
📦 أنواع المنتجات
161 نوع — تغطية كاملة لكل الصناعات
📊 أنواع الرسوم البيانية
25 نوع — متى تستخدم كل واحد