מה ניתן לשנות
טופס התרומה משתמש בשלושה צבעי מותג. ניתן לשנות חלקם או את כולם:
צבע | מה הוא שולט בו | ברירת מחדל |
ראשי (Primary) | טקסט ראשי, כותרות, ניווט, כפתורים משניים, כותרות סיכום התשלום | #4a0e00 (אדום כהה) |
הדגשה (Accent) | כפתור "תרומה", קישורים, אמצעי התשלום שנבחר, מסגרות פוקוס, הדגשות חשובות | #fc5936 (כתום) |
רקע (Background) | רקע הדף, פאנלים של מקטעים, משטחים רכים (מקטע הטיפ, תיבת כיסוי העמלה וכו') | #fff8f3 (קרם) |
איך מחילים את הצבעים שלך
בחר את קודי ה-hex של הצבעים שלך (למשל, מתוך הנחיות המותג שלך או כלי כמו coolors.co)
העתק את התבנית למטה לשדה ה-CSS המותאם אישית (Custom CSS) שלך
החלף את קודי ה-hex בערכים שלך
שמור — הטופס ישתמש בצבעים שלך (ייתכן שתצטרך לנקות את המטמון של הדף כדי שהשינוי יופיע).
תבנית CSS
:root {
--mahogany: #YOUR_PRIMARY_HEX;
--fiery: #YOUR_ACCENT_HEX;
--seashell: #YOUR_BACKGROUND_HEX;
}
איך תשנה את כל השלושה
:root {
--mahogany: #1a3a8a; /* Navy blue for text */
--fiery: #16a34a; /* Green for buttons */
--seashell: #f0f9ff; /* Pale blue background */
}
דוגמה: עקיפת צבע אחד בלבד
:root { --fiery: #16a34a;
}
⚠️ טיפים לבחירת צבעים
ניגודיות חשובה. הטקסט צריך להיות קריא על הרקע שלו. צבע ההדגשה (Accent) משמש לכפתורים עם טקסט לבן, לכן ודא שהוא כהה מספיק. הצבע הראשי (Primary) משמש לטקסט על רקע לבן/קרם, לכן ודא שהוא כהה מספיק כדי שיהיה ניתן לקרוא אותו.
בדוק לפני הפרסום. צפה בתצוגה מקדימה של הטופס שלך בתצוגות שולחן עבודה ומובייל, ובדוק גם באנגלית וגם בעברית (אם רלוונטי) לפני העלאה לאוויר.
אל תבחר שלושה גוונים דומים. הכפתורים צריכים לבלוט מהרקע. בחר צבע הדגשה שמנוגד גם לצבע הראשי וגם לרקע.
השתמש בקודי hex מלאים בני 6 ספרות עם קידומת # (למשל, #1a3a8a, לא 1a3a8a ולא #1a3).