لغة بصرية واحدة لكل أدوات متاجر
الألوان والخطوط والمسافات والزوايا كلها متغيّرات في ملف واحد . جرّب من لوحة الضبط ، وكل ما في الصفحة يتغيّر معك ، ثم قل لي ما تعتمده .
الألوان
كل لون متغيّر واحد يعمل في الوضعين . الأرقام تُقرأ حيّةً من الصفحة ، والتباين يُحسب تلقائياً على السطح .
الخطوط
خطّان فقط : خط للعناوين بشخصية ، وخط للواجهة مريح في القراءة الطويلة والجداول . والأرقام والأكواد بخط ثابت العرض .
ارفع منتجاتك بالجملة من قالب واحد ، وأعد كتابة مئات الأوصاف دفعة واحدة ، وراجع كل شيء قبل أن يصل إلى متجرك . كل خطوة تمرّ على فريقك : مسودة ، ثم مراجعة ، ثم اعتماد ، ثم نشر .
المسافات والزوايا والظلال
مسافات على شبكة 4px ، وزوايا مربوطة بمعامل واحد تغيّره لوحة الضبط ، وثلاث درجات ظل فقط .
--space-14px--space-28px--space-312px--space-416px--space-520px--space-624px--space-832px--space-1040px--space-1248px--space-1664pxالأزرار
زر أساسي واحد في كل شاشة للفعل الأهم . الباقي ثانوي أو شفاف . نص الزر يقول ما سيحدث بالضبط .
.btn--*.btn--sm · .btn--lgالحقول
العنوان فوق الحقل دائماً ، والتلميح تحته ، والخطأ يظهر بعد لمس الحقل لا قبله ويشرح كيف يُصلح .
البطاقات والمؤشرات
البطاقة تفصل شيئاً قائماً بذاته . المؤشر يبدأ بالرقم ثم اتجاهه ، والأرقام بخانات متساوية العرض .
أرقام وهمية لعرض الشكل فقط
الشارات والحالات
خمس حالات لسير العمل بلون ثابت في كل المنصة ، فيعرف الفريق حالة أي منتج من نظرة .
.badge--*التبويبات
تبويبات للتنقّل بين أقسام الصفحة نفسها ، ومفتاح مقسّم للتبديل بين طرق العرض . الأسهم تعمل بالاتجاه الصحيح في RTL .
الجداول
شريط أدوات للبحث والتصفية ، وتحديد جماعي يُظهر شريط الإجراءات ، وعلى الجوال يتحوّل كل صف إلى بطاقة تُقرأ عمودياً .
| المنتج | المجال | الحالة | المنصة | المخزون | السعر | إجراءات | |
|---|---|---|---|---|---|---|---|
فستان سهرة مطرّز بالخرز | أزياء | منشور | سلة | 18 | 689 ر.س | ||
عطر عود ملكي 100 مل | عطور | قيد المراجعة | زد | 6 | 420 ر.س | ||
طقم ذهب بنقشة المينا ( عيار 21 ) | ذهب ومجوهرات | معتمد | سلة | 2 | 4,860 ر.س | ||
عباءة كريب سوداء بأكمام واسعة | أزياء | مسودة | سلة | نفد | 245 ر.س | ||
دهن عود كمبودي 12 مل | عطور | منشور | زد | 11 | 950 ر.س | ||
أسوارة ذهب خالص بتصميم مجدول ( عيار 21 ) | ذهب ومجوهرات | مُعاد للتصحيح | سلة | 4 | 3,120 ر.س |
النوافذ
نافذة تأكيد للأفعال المؤثّرة فقط ، بعنوان يذكر الفعل والعدد . الحذف بلون الخطر ، ويُغلق كل شيء بـ Escape .
اللوحة الجانبية تظهر من زر « تصفية » في قسم الجداول
التنبيهات
تنبيه ثابت داخل الصفحة لما يحتاج انتباهاً ، وإشعار عابر في الزاوية لنتيجة فعل قمت به للتو .
القوائم الفارغة
القائمة الفارغة تشرح ما سيظهر هنا وتعطي الخطوة الأولى ، بدل صفحة بيضاء .
اربط متجرك لنسحب منتجاتك الحالية ، أو ابدأ دفعة جديدة من قالب .
أنشئ حملة لتولّد روابط UTM وكوبوناتها وتتابع نتائجها في مكان واحد .
حالات التحميل
هيكل رمادي بشكل المحتوى عند فتح الصفحة ، وشريط تقدّم بالعدد الفعلي للعمليات الطويلة ، ودوّارة للأفعال القصيرة .