شاشات المنتج
لقطات عالية الدقة من منصتنا
ألوان العلامة التجارية
الأزرق المحيطي
#17222D
استخدام طوابيري:
لون العلامة التجارية الأساسي، يُستخدم للخلفيات الرئيسية والتنقل
الاستخدامات المقترحة:
- لوحات المعلومات المهنية
- خلفيات الرأس
- التنقل الأساسي
- سمات الوضع المظلم
الفيروزي الخرساني
#13404D
استخدام طوابيري:
لون الخلفية الثانوي، يُستخدم للتدرجات والبطاقات
الاستخدامات المقترحة:
- انتقالات التدرج
- الحاويات الثانوية
- خلفيات الأقسام
- مؤشرات العمق
الأزرق الكريستالي
#34F5C5
استخدام طوابيري:
لون التمييز الأساسي، يُستخدم للعناصر التفاعلية الرئيسية وإبرازات العلامة التجارية
الاستخدامات المقترحة:
- أزرار الدعوة للعمل الأساسية
- إبرازات العلامة التجارية
- حالات النجاح
- النقاط المهمة
الأزرق الفاتح
#1DCDFE
استخدام طوابيري:
لون التمييز الثانوي، يُستخدم للعناصر التفاعلية والإبرازات
الاستخدامات المقترحة:
- الأزرار الثانوية
- الحالات النشطة
- مؤشرات التقدم
- إبرازات المعلومات
الأسود الفحمي
#2F2E41
استخدام طوابيري:
لون النص الأساسي والخلفيات العميقة
الاستخدامات المقترحة:
- العناوين الأساسية
- محتوى النص المهم
- خلفيات التذييل
- عناصر التباين العالي
الأحمر البركاني
#B41818
استخدام طوابيري:
حالات الخطأ والإجراءات المدمرة
الاستخدامات المقترحة:
- أزرار الحذف
- رسائل الخطأ
- تنبيهات التحذير
- أخطاء التحقق
الأسود البركاني
#444444
استخدام طوابيري:
عناصر واجهة المستخدم المظلمة وخلفيات التباين
الاستخدامات المقترحة:
- ظلال البطاقات
- خلفيات التراكب
- خلفيات النوافذ المنبثقة
- عناصر السمة المظلمة
الأسود المشتعل
#3E3E3E
استخدام طوابيري:
النص الغامق وعناصر التأكيد القوي
الاستخدامات المقترحة:
- نص التأكيد القوي
- ألوان الأيقونات
- نص الأزرار
- عناصر القائمة النشطة
درجات الرمادي - عناصر واجهة المستخدم والطباعة
لوحة ألواننا الرمادية الشاملة توفر تنويعات دقيقة لتسلسل النص والحدود والخلفيات والحالات التفاعلية عبر منصات الويب والجوال.
الأبيض المكسور
#D9D9D9
استخدام الرمادي:
خلفيات فاتحة لمناطق المحتوى وخلفيات البطاقات
حالات الاستخدام:
- الويب: خلفيات الصفحات، الأقسام الفاتحة
- الجوال: خلفيات الشاشات، تراكبات النوافذ المنبثقة
- كلاهما: خلفيات البطاقات، خلفيات حقول الإدخال
الرمادي القرشي
#C5C5C5
استخدام الرمادي:
حدود دقيقة وفواصل فاتحة بين العناصر
حالات الاستخدام:
- الويب: حدود البطاقات، حدود الجداول
- الجوال: فواصل القوائم، فواصل الأقسام
- كلاهما: حدود حقول الإدخال، فواصل التبويبات
الرمادي الأردوازي الخفيف
#C3C3C3
استخدام الرمادي:
حدود فاتحة جداً وحالات العناصر المعطلة
حالات الاستخدام:
- الويب: حدود الأزرار المعطلة، فواصل دقيقة
- الجوال: مؤشرات التبويبات غير النشطة، نص مؤقت
- كلاهما: حدود حالة التحميل، شاشات الهيكل
الرمادي الفاتح
#ADADAD
استخدام الرمادي:
حدود قياسية وفواصل وعناصر غير نشطة
حالات الاستخدام:
- الويب: حدود النماذج، فواصل الشريط الجانبي
- الجوال: حدود التنقل، فواصل شريط الأدوات
- كلاهما: حدود الأزرار، خطوط الأيقونات
الرمادي الأردوازي
#7D7D7D
استخدام الرمادي:
النص الثانوي والبيانات الوصفية والمحتوى الوصفي
حالات الاستخدام:
- الويب: التسميات التوضيحية، النص المساعد، الطوابع الزمنية
- الجوال: نص العنوان الفرعي، أوصاف القائمة
- كلاهما: تسميات النماذج، المعلومات الثانوية
الرمادي الداكن
#515151
استخدام الرمادي:
نص الجسم وحقول الإدخال والمحتوى المقروء
حالات الاستخدام:
- الويب: نص المقالات، نص حقول النماذج، الأوصاف
- الجوال: نص الرسائل، نص عناصر القائمة
- كلاهما: نص مؤقت للإدخال، محتوى الفقرة
الطباعة
الخطوط الأساسية
Jost
الخط الأساسي لتطبيق الجوال
- الوزن العادي لنص الجسم
- الوزن الغامق للعناوين
- يُستخدم في التنقل والمحتوى الرئيسي
Istok
الخط الثانوي لتطبيق الجوال
- يُستخدم للأزرار ودعوات العمل
- الوزن الغامق للتأكيد
- العناصر التفاعلية
Inter
الخط التكميلي
- يُستخدم لمكونات محددة
- تنويعات أحادية المسافة
- المحتوى التقني
أوزان الخط
غامق (700)
نصف غامق (600)
متوسط (500)
عادي (400)
أحجام الخط
Heading Large - 28px
Heading Medium - 24px
Heading Small - 20px
Body Text - 16px
Small Text - 14px
إرشادات الاستخدام
المسموح
- ✓استخدم ملفات الشعار الرسمية
- ✓حافظ على الحد الأدنى للمساحة الواضحة
- ✓استخدم تركيبات الألوان المعتمدة
الممنوع
- ✕تعديل أو تشويه الشعار
- ✕استخدام ألوان غير معتمدة
- ✕إضافة تأثيرات أو ظلال
تحتاج شيئاً آخر؟
للاستفسارات الصحفية أو الأصول الإضافية، يرجى التواصل مع فريق الإعلام لدينا
التواصل مع فريق الإعلام