שיטות מומלצות לנכסי מותג White Label

White Label Lite כולל שדות נפרדים לסמל בהיר, סמל כהה, favicon, צבע ראשי וצבע הדגשה. מדריך זה עוזר להכין ערכת מותג ברורה, להשתמש בקבצים שהטופס מקבל ולבדוק את התוצאה לפני שהלקוחות רואים אותה.

העלאת סמלים

יש שתי העלאות: סמל בהיר לרקעים בהירים וסמל כהה לרקעים כהים. העלו את שניהם אם הם זמינים, ואז השתמשו בתצוגה המקדימה של Branding כדי לוודא שכל אחד נשאר קריא בערכת הנושא המתאימה.

סוגי קבצים נתמכים:

• PNG: הטוב ביותר לשקיפות ומומלץ לרוב השימושים.
• JPG / JPEG: מתאים לסמלים עם רקע אחיד; שקיפות אינה נתמכת.
• SVG: אינו נתמך כרגע, מכיוון שאנו עובדים על הצגה בטוחה של סקריפטים מוטמעים.

גודל קובץ מרבי: 1 MB לכל העלאה. אם הקובץ גדול יותר, דחסו אותו באמצעות TinyPNG או pngquant. בדרך כלל אפשר לדחוס סמלים לפחות מ-50 KB בלי אובדן איכות נראה לעין.

גודל מקור מומלץ: השתמשו במקור ברור וברזולוציה גבוהה במידה סבירה, ולא בסמל זעיר. סמל ריבועי או כמעט ריבועי הוא נקודת התחלה בטוחה. גם סימן מילולי רחב יותר מתאים אם הוא נשאר קריא בתצוגה המקדימה.

רקעים:

• מומלץ מאוד להשתמש ב-PNG שקוף. ייתכן שרקע לוח הבקרה ורצועת הכותרת בהודעות הממותגות אינם לבנים לגמרי, ורקע צבעוני בעל גבול חד סביב הסמל ייראה לא מתאים.
• אם הסמל הוא מונוגרמה או אייקון, שקיפות מאפשרת לו להשתלב היטב בכל רקע.
• אם לסמל יש רקע צבעוני קבוע, שמרו על התאמה לצבע הראשי או לצבע ההדגשה שנבחר בלוח.

Favicon

ל-favicon יש העלאה נפרדת משלו, והוא אינו נגזר אוטומטית מהסמל. השתמשו באייקון ריבועי פשוט בפורמט PNG, JPG או ICO, עד 1 MB. בגודל של כרטיסיית דפדפן, מונוגרמה או סמל בדרך כלל מתאימים יותר מסימן מילולי מלא.

שמרו את ה-favicon ריבועי. השתמשו בשדות הסמל הבהיר והכהה, ולא ב-favicon, עבור הסימן המילולי המלא.

בחירת צבעים

שני שדות הצבע הם:

• צבע ראשי: הצבע העיקרי של כפתורים, קישורים ומצבים פעילים.
• צבע הדגשה: צבע תומך עבור פריטים מודגשים.

הזינו צבעים כערכים הקסדצימליים, לדוגמה #3b82f6. השתמשו בתצוגה המקדימה החיה לפני השמירה.

בחירת הצבע הראשי

זהו הצבע שהמבקרים רואים יותר מכול. זכרו שלושה דברים:

• בדקו על רקע בהיר וכהה. לוח הבקרה תומך בשתי ערכות הנושא. צבע שבולט על לבן עלול להיעלם על רקע כהה.
• שמרו על צבעי מצב ברורים. הימנעו מצבע מותג ראשי שדומה מדי לצבעי אזהרה, הצלחה או פעולות הרסניות. כחול, סגול, טורקיז, פחם או צבע מותג מובחן אחר בדרך כלל קלים יותר לקריאה.
• גוונים אחידים ברוויה בינונית עדיפים על כמעט לבן או שחור. שאלו אם הצבע יבלוט ככפתור על רקע לבן. אם בקושי, הוא בהיר מדי.

בחירת צבע ההדגשה

צבע ההדגשה תומך בצבע הראשי. עליו:

• להיות שונה בבירור מהראשי, בלי שני גוונים כמעט כחולים
• להשלים את הראשי ולא להתחרות בו
• להישאר ברור כאשר הוא מוצג לצד הראשי

שילוב מוצלח: צבע מותג עמוק ורווי כראשי, וגוון משלים בהיר יותר כהדגשה. לדוגמה: ראשי #2563eb (indigo-600), הדגשה #10b981 (emerald-500).

ניגודיות ונגישות

הממשק יכול להציג טקסט בהיר מעל הצבע הראשי. בחרו גוון ששומר על תוויות הכפתורים קריאות. צבע פסטל בהיר מאוד עשוי להיראות מושך בדוגמית, אך לאבד ניגודיות בכפתור אמיתי.

בודק הניגודיות של WebAIM שימושי לבדיקת שילוב הטקסט והרקע. השתמשו בתצוגה המקדימה לבדיקה הסופית, מכיוון שהממשק סביב הצבע משפיע גם הוא על המראה.

צבעים שכמעט תמיד מתאימים: כחול עמוק, סגול עמוק, פחם, טורקיז כהה ובורדו עמוק. צבעים שנכשלים לעיתים קרובות: פסטל בהיר, אפור בינוני, צהוב בינוני וניאון.

שם תצוגה

שם התצוגה מופיע בלוח וב-Webmail הממותגים ובמשטחי דואר נתמכים. שלוש תבניות מתאימות:

• ״האימייל של המותג שלכם״: מבהיר שמדובר בשירות הדואר. מקצועי ומתאים למשווקים שמוכרים דואר כשירות.
• ״המותג שלכם״: שם המותג בלבד. נקי יותר ומתאים אם הדואר הוא חלק מחבילת מוצרים רחבה.
• ״לוח המותג שלכם״: מדגיש את הממשק. שימושי להבחנה בין כמה מוצרים ממותגים.

שמרו עליו קצר מספיק לזיהוי במבט. בדקו בתצוגה המקדימה במסך צר ובשתי ערכות הנושא במקום להסתמך על מגבלת תווים.

שם התצוגה מופיע ב:

• ניווט לוח הבקרה ו-Webmail
• כניסה ממותגת וכותרות הדפדפן
• משטחי דואר עסקי נתמכים

לפני השמירה

לפני הלחיצה על Save changes, ודאו שהקבצים קטנים מ-1 MB, שהסמלים קריאים בתצוגה המתאימה, שה-favicon הוא אייקון ריבועי פשוט, שלצבע הראשי יש ניגודיות קריאה וששם התצוגה נשמע טבעי כשם שולח.

לאחר השמירה, פתחו את המארח הממותג הפעיל בחלון דפדפן פרטי. כך לא תטעו בין תמונה או favicon שמורים במטמון לבין הגרסה הנוכחית.

תהליך פשוט להכנת נכסים

1. התחילו מקובצי הסמל המקוריים, לא מצילום מסך או מקובץ שהועתק מאתר.
2. ייצאו גרסה אחת לרקעים בהירים ואחת לרקעים כהים.
3. צרו favicon ריבועי נפרד מהחלק המזוהה ביותר בסמל.
4. הוסיפו את שם המותג והצבעים ב-Branding והשוו את תצוגות הדואר ו-Webmail.
5. שמרו, בדקו את המארח הפעיל בטלפון ובדפדפן שולחני ושמרו את המקורות במקום שהצוות יוכל לעדכן בעתיד.

עדכון מאוחר יותר

אפשר לעדכן נכסי מותג מאוחר יותר בלי להחליף את רשומת ה-DNS של מארח ממותג קיים. בדקו תמיד מחדש את המארח הפעיל לאחר שינוי חזותי.

אם העליתם נכס שגוי או בחרתם צבע לא קריא, תקנו אותו ב-Branding ושמרו שוב. הביאו בחשבון מטמון דפדפן רגיל בעת בדיקת ההחלפה.

אוטומציה באמצעות API ו-MCP

אם לשילוב יש הרשאות נדרשות, REST API או MCP יכולים לנהל הגדרות ונכסי מותג. חלים אותם סוגי קבצים ומגבלת 1 MB. השתמשו בלוח ובתצוגה המקדימה לבדיקה החזותית הסופית.

ראו מדריך White Label Branding ל-API ול-MCP לפעולות הנתמכות.

מצבים נפוצים

״הסמל נראה טוב בסרגל הצד אבל מטושטש בטלפון.״ העלו מקור ברור יותר וברזולוציה גבוהה, שמרו ובדקו את המארח הפעיל בטלפון. אל תסתמכו רק על תצוגת דפדפן שולחני.

״הצבע הראשי מתאים ללוח אבל קשה לקרוא את טקסט הכפתור.״ בחרו גוון כהה או רווי יותר ובדקו אותו בתצוגה המקדימה ובמארח הפעיל.

״לסמל יש רקע צבעוני שאינו תואם ללוח.״ ייצאו גרסת PNG שקופה אם הסמל מאפשר זאת. השוו את הגרסה הבהירה והכהה לרקעים המיועדים.

״אפשר להציג סמל שונה בדואר ובלוח?״ השתמשו בגרסאות הבהירה והכהה של Branding. בדקו את תצוגת הדואר הנתמכת ואת משטחי הלקוחות הפעילים לפני הבטחת מראה מסוים.

״מה לגבי מצב כהה?״ הלוח תומך בערכות בהירה וכהה, ומעלים סמל נפרד לכל אחת. הסמל הבהיר מוצג על רקע בהיר והכהה על רקע כהה, כך שאפשר להשתמש באיור כהה על בהיר ובסמל לבן או בהיר על כהה.

״אפשר להעלות favicon בנפרד מהסמל?״ כן. ל-favicon יש העלאה ייעודית (PNG, JPG או ICO, עד 1 MB) והוא אינו נגזר מהסמל. העלו אייקון פשוט ומובחן לכרטיסיית הדפדפן.

השלבים הבאים

• הגדרת White Label Lite: הפעלה והגדרת DNS.
• מה נשאר במיתוג TrekMail: מה הלקוחות עדיין עשויים לראות מ-TrekMail.
• שאלות נפוצות על מחירי White Label Lite: שאלות חיוב ומטבע.
• מדריך White Label Branding ל-API ול-MCP: העלאת סמלים והגדרת המותג דרך REST או MCP.