الألوان والخطوط والسمات
أعد تلوين الحملة كلها بلوحة ألوان، وطابقها مع شعارك، واختر زوج خطوط، وتأكد أن كل سطر سهل القراءة.
يُضبط مظهر الحملة كلها في مكان واحد. اضغط جزءًا فارغًا من المحرر حتى لا يكون شيء محددًا، وافتح إعدادات المظهر على الجانب.
لوحات الألوان
تحت لوحات الألوان اضغط لوحة. نقرة واحدة تعيد تلوين كل الشاشات. كل لوحة تجتاز معيار WCAG AA. ضغطة واحدة على تراجع تعيد الألوان القديمة.
طابق علامتي
- افتح طابق هويتي.
- اضغط ارفع شعارك أو أفلت شعارك هناك. يُقرأ الشعار في متصفحك ولا يُرفع.
- أو اكتب ألوانك تحت ألوان علامتك برموز hex مثل #6B3FA0 مفصولة بفواصل، واضغط استخدم.
- اضغط طبّق لوحة علامتك.
ألوان مفردة
تحت الألوان اضبط لون الإبراز ولون النص للحملة. أي خانة لون في المحرر تعرض ألوان هذه الحملة وألوان علامتك والألوان التي استخدمتها مؤخرًا.
الخطوط
تحت زوج الخطوط اختر زوجًا: خطًا للعناوين وخطًا للنص. هناك أزواج للنص اللاتيني وللعربي، مثل Playfair Display مع Inter وPoppins مع Inter وزين (عربي ولاتيني) والقاهرة (عربي عريض).
سهولة القراءة
يفحص سهولة القراءة كل سطر مقابل خلفيته. نسبة التباين. يطلب معيار WCAG AA نسبة 4.5:1 للنص العادي و3:1 للعناوين الكبيرة.
- السطر الذي لا ينجح يُدرج مع درجته، مثل صعب القراءة.
- اضغط إصلاح على السطر، أو إصلاح الكل.
- عندما يكون كل شيء سليمًا يقول: كل النصوص تجتاز معيار WCAG AA.
الحركة
تحت الحركة:
- لفت الانتباه إلى الزر الرئيسي: حركة صغيرة كل بضع ثوانٍ تجذب العين إلى زر الإجراء. لا تظهر للزوار الذين طلبوا تقليل الحركة.
- خلفية متحركة: زينة خفيفة خلف المحتوى. الفوانيس والنجوم تناسب رمضان والعيد.
- إظهار الخطوات: شريط «الخطوة 1 من 2» في الحملات ذات الخطوات المتعددة، ليرى الزوار أنهم أوشكوا على الانتهاء.
الخلفيات المتحركة والعناوين المتحركة تحمّل جزءًا إضافيًا صغيرًا من السكربت. راجع الأداء وسرعة الصفحة.
لون عنصر واحد
اضغط العنصر وافتح النمط. لون العنصر الخاص يتقدّم على لون الحملة.
ابدأ كل حملة بهوية علامتك
استخدم هوية العلامة، وتُطبَّق عند إنشاء الحملة.
إن لم ينجح الأمر
- لم نجد ألوانًا واضحة. جرّب شعارًا بخلفية شفافة، أو الصق رموز الألوان.
- أدخل ألوانًا مثل #6B3FA0 مفصولة بفواصل.
- لوحة الألوان لم تغيّر عنصرًا: لذلك العنصر لونه الخاص. غيّره من العنصر نفسه.
