Design System Kit v1.00

المظهر

الألوانالخطوطالأيقونات

العناصر

الأزرارالتحميلالفواصلالأزرار المتحولةالتنبيهاتمحدد الصفحاتإعلاناتالذهاب للأعلىإختيار النصوصحقل Checkboxحقل Radioحقل Selectحقل Textareaحقل Textالتبويباتمحتوى Accordionالكروت Cards

حجم الخط الرئيسي

16px
18px
20px

شكل الكود

مظلم
فاتح
منوع

محدد الصفحات

التحميل وطريقة الإستخدامالنسخة الإنجليزية

محدد الصفحات

عرض لأشكال محدد الصفحات بأكثر من شكل


أماكن وطريقة الإستخدام

يستخدم في أعلى النظام للتنقل بين صفحات الموقع ومعرفة مكانك داخل الموقع


أسماء ال Classes وتأثيرها

إسم ال Class
تأثيره على العنصر
moj-breadcrumb
ال Class الرئيسي على العنصر الأب الذي يحتوي على جميع الروابط
style-one
الشكل الأول
style-two
الشكل الثاني
style-three
الشكل الثالث
style-four
الشكل الرابع
style-five
الشكل الخامس
style-six
الشكل السادس
first-green
لتلوين الروابط باللون الأخضر الرئيسي
second-green
لتلوين الروابط باللون الأخضر الفرعي
first-orange
لتلوين الروابط باللون البرتقالي الرئيسي
second-orange
لتلوين الروابط باللون البرتقالي الفرعي

الشكل الإفتراضي بدون أي ألوان ولا أشكال, فقط ال Class الرئيسي

  • الرئيسية
  • الرابط الفرعي
  • عنوان صفحة طويل لتجربة الشكل

الشكل الأول

  • الرئيسية
  • الرابط الفرعي
  • عنوان صفحة طويل لتجربة الشكل

الشكل الثاني

  • الرئيسية
  • الرابط الفرعي
  • عنوان صفحة طويل لتجربة الشكل

الشكل الثالث مع تجربة واحد من الألوان

  • الرئيسية
  • الرابط الفرعي
  • عنوان صفحة طويل لتجربة الشكل

الشكل الرابع مع تجربة واحد من الألوان

  • الرئيسية
  • الرابط الفرعي
  • عنوان صفحة طويل لتجربة الشكل

الشكل الخامس

  • الرئيسية
  • الرابط الفرعي
  • عنوان صفحة طويل لتجربة الشكل