أفضل ممارسات أصول علامة White Label

يوفر White Label Lite حقولا منفصلة للشعار الفاتح والشعار الداكن وأيقونة الموقع واللون الأساسي ولون التمييز. يساعدك هذا الدليل على إعداد حزمة علامة واضحة واستخدام الملفات التي يقبلها النموذج واختبار النتيجة قبل أن يراها العملاء.

رفع الشعارات

يوجد حقلا رفع: شعار فاتح للخلفيات الفاتحة وشعار داكن للخلفيات الداكنة. ارفعهما معا عند توفرهما، ثم استخدم معاينة Branding للتأكد من وضوح كل منهما في النسق المخصص له.

أنواع الملفات المدعومة:

• PNG: الأفضل للشفافية والموصى به لمعظم الاستخدامات.
• JPG / JPEG: مناسب للشعارات ذات الخلفية الصلبة؛ ولا يدعم الشفافية.
• SVG: غير مدعوم حاليا لأننا نعمل على عرض آمن للبرامج النصية المضمنة.

الحد الأقصى للحجم: 1 MB لكل رفع. إذا كان الملف أكبر، فاضغطه عبر TinyPNG أو pngquant. عادة يمكن ضغط الشعارات إلى أقل من 50 KB من دون فقدان جودة ملحوظ.

حجم المصدر الموصى به: استخدم مصدرا واضحا ذا دقة مرتفعة بشكل معقول بدلا من أيقونة صغيرة. الشعار المربع أو شبه المربع بداية آمنة، ويمكن أن تنجح علامة كتابية أعرض إذا ظلت مقروءة في المعاينة.

الخلفيات:

• يوصى بشدة باستخدام PNG شفاف. قد لا تكون خلفية اللوحة وشريط رأس البريد ذي العلامة بيضاء تماما، وستبدو الخلفية الملونة ذات الحواف الصلبة حول الشعار سيئة.
• إذا كان الشعار حرفا مختصرا أو أيقونة، تسمح له الشفافية بالظهور بوضوح على أي خلفية.
• إذا كان للشعار خلفية ملونة ثابتة، فحافظ على اتساقها مع اللون الأساسي أو لون التمييز المختار للوحة.

أيقونة الموقع

لأيقونة الموقع حقل رفع مستقل ولا تُشتق تلقائيا من الشعار. استخدم أيقونة مربعة بسيطة بتنسيق PNG أو JPG أو ICO وبحجم لا يتجاوز 1 MB. عادة يعمل حرف مختصر أو رمز أفضل من علامة كتابية كاملة بحجم تبويب المتصفح.

اجعل الأيقونة مربعة. استخدم حقلي الشعار الفاتح والداكن، لا أيقونة الموقع، للعلامة الكتابية الكاملة.

اختيار الألوان

حقلا اللون هما:

• اللون الأساسي: اللون الرئيسي للأزرار والروابط والحالات النشطة.
• لون التمييز: لون مساعد للعناصر البارزة.

أدخل الألوان كقيم سداسية عشرية، مثل #3b82f6. استخدم المعاينة المباشرة لرؤية النتيجة قبل الحفظ.

اختيار اللون الأساسي

اللون الأساسي هو الأكثر ظهورا للزوار. تذكر ثلاثة أمور:

• اختبره على خلفيات فاتحة وداكنة. تدعم اللوحة النسقين. قد يبرز لون على الأبيض لكنه يختفي على الداكن.
• حافظ على وضوح ألوان الحالة. تجنب لونا أساسيا يشبه كثيرا ألوان التحذير أو النجاح أو الإجراءات المتلفة. الأزرق أو البنفسجي أو التركوازي أو الفحمي أو لون مميز آخر يكون أسهل قراءة عادة.
• الدرجات الصلبة متوسطة التشبع أفضل من الألوان القريبة من الأبيض أو الأسود. اسأل هل سيبرز اللون كزر على خلفية بيضاء؟ إذا كان بالكاد يظهر، فهو باهت أكثر من اللازم.

اختيار لون التمييز

يدعم لون التمييز اللون الأساسي، ويجب أن:

• يختلف بوضوح عن الأساسي، فلا تستخدم درجتين قريبتين من الأزرق
• يكمل الأساسي من دون أن ينافسه
• يظهر بوضوح عند وضعه بجوار الأساسي

نمط ناجح: لون أساسي عميق ومشبع للعلامة، ولون تمييز تكميلي أفتح. مثال: الأساسي #2563eb (indigo-600)، والتمييز #10b981 (emerald-500).

التباين وإمكانية الوصول

قد تضع الواجهة نصا فاتحا فوق اللون الأساسي. اختر درجة تحافظ على وضوح تسميات الأزرار. قد يبدو لون باستيل باهت جذابا في العينة لكنه يفقد التباين في زر حقيقي.

يساعدك مدقق التباين من WebAIM على فحص توليفة النص والخلفية. استخدم المعاينة للفحص النهائي لأن الواجهة المحيطة تؤثر أيضا في مظهر اللون.

ألوان تنجح غالبا: الأزرق العميق والبنفسجي العميق والفحمي والتركوازي الداكن والعنابي العميق. ألوان تفشل غالبا: الباستيل الفاتح والرمادي المتوسط والأصفر المتوسط والنيون.

اسم العرض

يظهر اسم العرض في لوحة العلامة وWebmail وأسطح البريد المدعومة. تنجح ثلاثة أنماط:

• «بريد علامتك»: يوضح أنه خدمة البريد. مهني ومناسب للبائعين الذين يقدمون البريد كخدمة.
• «علامتك»: اسم العلامة فقط. أبسط ومناسب إذا كان البريد جزءا من مجموعة منتجات أوسع.
• «لوحة علامتك»: يركز على الواجهة. مفيد لتمييز عدة منتجات تحمل العلامة.

اجعله قصيرا بما يكفي للتعرف عليه بنظرة. افحص المعاينة على شاشة ضيقة وفي النسقين بدلا من الاعتماد على عدد الأحرف.

يظهر اسم العرض في:

• تنقل اللوحة وWebmail
• تسجيل الدخول ذي العلامة وعناوين المتصفح
• أسطح البريد الآلي المدعومة

قبل الحفظ

قبل النقر على Save changes، تأكد من أن الملفات أقل من 1 MB، والشعارين واضحان في معاينتهما، وأيقونة الموقع مربعة وبسيطة، واللون الأساسي يوفر تباينا مقروءا، واسم العرض طبيعي كاسم مرسل.

بعد الحفظ، افتح مضيف العلامة النشط في نافذة متصفح خاصة. يمنع ذلك الخلط بين صورة أو أيقونة مخزنة مؤقتا والإصدار الحالي.

سير بسيط لإعداد الأصول

1. ابدأ من ملفات الشعار الأصلية، لا من لقطة شاشة أو ملف منسوخ من موقع.
2. صدّر نسخة للخلفيات الفاتحة وأخرى للخلفيات الداكنة.
3. أنشئ أيقونة مربعة مستقلة من أكثر أجزاء العلامة تميزا.
4. أضف اسم العلامة وألوانها في Branding، ثم قارن معاينتي البريد وWebmail.
5. احفظ واختبر المضيف النشط على هاتف ومتصفح مكتبي واحتفظ بالمصادر حيث يستطيع فريقك تحديثها لاحقا.

التحديث لاحقا

يمكنك تحديث أصول العلامة لاحقا من دون استبدال سجل DNS لمضيف قائم. أعد دائما فحص المضيف النشط بعد تغيير مرئي.

إذا رفعت أصلا خاطئا أو اخترت لونا غير مقروء، فصححه في Branding واحفظ مجددا. راع التخزين المؤقت الطبيعي للمتصفح عند التحقق من البديل.

الأتمتة باستخدام API وMCP

إذا كان للتكامل الأذونات اللازمة، يمكن لواجهة REST API أو MCP إدارة إعدادات العلامة وأصولها. تنطبق أنواع الملفات نفسها وحد 1 MB. استخدم اللوحة والمعاينة للفحص المرئي النهائي.

راجع دليل White Label Branding لـ API وMCP لمعرفة العمليات المدعومة.

حالات شائعة

«شعاري واضح في الشريط الجانبي لكنه ضبابي على هاتفي». ارفع مصدرا أوضح وأعلى دقة واحفظه واختبر المضيف النشط على الهاتف. لا تعتمد على معاينة متصفح مكتبي وحدها.

«اللون الأساسي مناسب في اللوحة لكن نص الزر صعب القراءة». اختر درجة أغمق أو أكثر تشبعا، ثم افحصها في المعاينة والمضيف النشط.

«للشعار خلفية ملونة لا تتوافق مع اللوحة». صدّر نسخة PNG شفافة إذا سمح الشعار. قارن النسختين الفاتحة والداكنة مع خلفيتيهما.

«هل يمكن استخدام شعار مختلف في البريد واللوحة؟» استخدم نسختي الشعار الفاتحة والداكنة في Branding. اختبر معاينة البريد المدعومة وأسطح العملاء النشطة قبل التعهد بمظهر معين.

«ماذا عن الوضع الداكن؟» تدعم اللوحة النسقين الفاتح والداكن، وترفع شعارا منفصلا لكل منهما. يظهر الشعار الفاتح على الخلفيات الفاتحة والداكن على الداكنة، لذا يمكن استخدام رسم داكن على الفاتح وشعار أبيض أو فاتح على الداكن.

«هل يمكنني رفع أيقونة منفصلة عن الشعار؟» نعم. لأيقونة الموقع حقل مستقل (PNG أو JPG أو ICO، بحد أقصى 1 MB) ولا تُشتق من الشعار. ارفع أيقونة بسيطة ومميزة لتبويب المتصفح.

الخطوات التالية

• إعداد White Label Lite: التفعيل وإعداد DNS.
• ما الذي يبقى بعلامة TrekMail: ما قد يستمر عملاؤك في رؤيته من TrekMail.
• الأسئلة الشائعة حول أسعار White Label Lite: أسئلة الفوترة والعملات.
• دليل White Label Branding لـ API وMCP: رفع الشعارات وضبط العلامة عبر REST أو MCP.