זהות ויזואלית במוקד ההימורים

1) מהות מותג ועקרונות

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

2) לוגו: מבנה ושימוש

2. 1 אפשרויות

ראשי (אופקי): סימן + מילה גמבל האב.
קומפקטי (סימן): עבור favicon/avatars.
אנכית: עבור אזורים צרים.

2. 2 מבנה ואזור אבטחה

רשת 8px. אזור שמירה = גובה הבירה ג 'י סביב המתחם.
גודל מינימלי: 18 מ "מ רוחב; מסך - 120 px.
אתה לא יכול לשנות פרופורציות, לרפרף, להוסיף אפקטים/גרדיאנטים מחוץ ללוח הצבעים.

2. 3 רקע

על רקע אור - לוגו צבעוני.
על סיבובי 8-12 px מורכב/photo (לבן/שחור).
בחושך - הפוך.

3) מערכת צבעים (אסימונים)

3. פלט בסיסי 1

Primary/Indigo 600: # 2F6BFFFFFOps

700 כהה/אינדיגו עיקרי: '# 1 E54F0&pos

הצלחה/ירוק 600: # 2EAE60&pos

אזהרה/כתום 600: # F9F1A&pos

קריטי/אדום 600: # E53935&pos

FG Primary: # 11131A&fospos

FG Muted: # 656D76&pos

בסיס BG: '# FFFFFFFFFF&pos

BG מעודן: # F7F8FAfops

הפכי BG: # '0E116&fospos

3. 2 גרדיאנטים (אופציונלי)

Brand Gradient: "Linear-gradient (135deg, # 2F6BFF 0%, # 1E54F0 50%, # 2EAE60 100%) - שימוש במינון.

3. 3 ניגוד ומצבים

כפתור ראשי: רקע '# 2F6BFF', טקסט לבן, hover '# 1E54F0', נטרל 40% אלפא.
טקסט ניגוד בין 4. 5:1 (אלכוהוליסטים אנונימיים). עבור היפוך - 3:1 עבור גדול.

4) טיפוגרפיה

כותרים: Inter/SF Pro/System, תוכן שומן 600-700.
טקסט: Inter 14-16 px, קו-גובה 1. 5.
קוד/מונו: JetBrains Mono או system mono.
היררכיה: H1 32/40, H2 24/32, H3 20/28, גוף 16/24, כיתוב 12/16.
אל תשתמש בגופנים דקורטיביים לממשק.

5) רשת, חריצים ורדיוס

רשת: 8px; מכולות עם רוחב מקסימלי 1120-1280 px.
כרטיסים: חריצים פנימיים 16-24 px, בין קלפים - 16 px.
רדיוס: 8/12/16 px; ברירת מחדל 12 px, עבור 8 כפתורי px.
'0 1px 2px rgba (0,0,0, 08)' (sm), 0 '4px 12px rgba (0,0,0, 0.10)' (md).

6) איקונוגרפיה ומשלים

רשת של סמלים 24 × 24, קו 1. 75-2px, סיבובים מותאמים.
הסמנטיקה היא ראשית, הצבע הוא משני (צבע משתנה על פני מצבים).
איורים: שטוח, ללא סמלים ”מזדמנים” (שבבים/כרטיסים - רק בחומרי מידע נייטרליים ובהקשרים מתונים ולא תמריצים).

7) תמונות ותמונות

נושאים: טכנולוגיה, נתונים, אבטחה, צוות.
הימנע מקלישאות קופה/קונפטי.
מעל לתמונה יש צלחת משובצת/כהה לניגודי טקסט (לפחות 60% אפיון בחלק האפל).

8) נושאים אפלים ואורים

אפל: רקע '# 00E116', טקסט '# E6E8EB', גבולות '# 2A2F37'.
המבטא שומר על ניגוד (בהירות ראשית ב-8-12%).
גרפיקה: הרקע הוא 2 צעדים קלים יותר מהרקע, הרשת עמומה, הכיתובים מנוגדים.

9) זמינות (A11y)

ניגוד AA/AAA; לא ניתן להסיר סגנונות מיקוד.
חלופות טקסט בלוגו ותמונות משמעותיות.
גודל הקליק המינימלי הוא 40-48 px.
כבוד 'מעדיף-מופחת תנועה' להפחית/לנטרל אנימציות.

10) טון ומיקרו ־ קופירייטינג

קצר, בדיוק, בלי ז 'רגון.
טעויות מסבירות מה לעשות למשתמש.
יחידות ופורמטים: תאריכים באזור המשתמש, בממשק - ISO בעת הכניסה, מטבעות עם קוד (EUR, USD).
אל תשתמש במטפורות ”הימורים” בהודעות מכולת.

11) דוגמאות טוקן (JSON ו ־ CSS)

json
{
"color": {
"primary": { "600": "#2F6BFF", "700": "#1E54F0" },
"success": { "600": "#2EAE60" },
"warning": { "600": "#FF9F1A" },
"critical": { "600": "#E53935" },
"fg": { "primary": "#11131A", "muted": "#656D76" },
"bg": { "base": "#FFFFFF", "subtle": "#F7F8FA", "inverse": "#0E1116" }
},
"radius": { "sm": 8, "md": 12, "lg": 16 },
"shadow": { "sm": "0 1px 2px rgba(0,0,0,.08)", "md": "0 4px 12px rgba(0,0,0,.10)" },
"font": { "family": "Inter, system-ui", "size": { "body": 16, "h1": 32, "h2": 24, "h3": 20 } }
}

css
:root {
--gh-color-primary-600:#2F6BFF; --gh-color-primary-700:#1E54F0;
--gh-color-success-600:#2EAE60; --gh-color-warning-600:#FF9F1A; --gh-color-critical-600:#E53935;
--gh-fg-primary:#11131A; --gh-fg-muted:#656D76;
--gh-bg-base:#FFFFFF; --gh-bg-subtle:#F7F8FA; --gh-bg-inverse:#0E1116;
--gh-radius-sm:8px; --gh-radius-md:12px; --gh-radius-lg:16px;
--gh-shadow-sm:0 1px 2px rgba(0,0,0,.08); --gh-shadow-md:0 4px 12px rgba(0,0,0,.10);
--gh-font-body:16px/1. 5 "Inter", system-ui;
}

12) רכיבים ומצבים (דוגמאות UI)

כפתור ראשי: רקע ראשוני-600, טקסט # FFF, ריחוף ראשוני-700, נטרל 40% אלפא.
תגים: הצלחה/אזהרה/קריטי עם טקסט קריא וסמל.
קלף: BG בסיס רקע, sm shadow, md רדיוס, 16 px כותרת, 16-24 px גוף.

13) אנימציה ותנועה

מעברים 120-200 ms, 'קל-in-out' עקומה.
אנימציות - רק ”לשנות ”/” אופיות”.
למצבים קריטיים - בלי אנימציות (לא להסיח את הדעת).

14) מדיה חברתית, מצגות, דואר אלקטרוני

אווטארים/אייקונים: לחתום על ראשי 600 למות, חריצים 12-16 px.
שקופיות: רקע בהיר/כהה, רשת 8px, H1 40-48, תוכן 18-24.
דואר אלקטרוני: תבנית HTML ברוחב 600-720 px, פונטים/Inter, כפתורים בגובה 44 px, נושא אפל נלקח בחשבון.

15) הדפסה, סחורה וחיצוניות

פרופיל הצבעים של CMYK, מקבילי Pantone מסכימים עם בית הדפוס.
שמור את הגודל המינימלי של הלוגו והרדיוס.
נייר ־ מט, הימנע מלכות ”צורחות”; תבליט מקובל על המטרה.

16) סימונים משפטיים ומחזה אחראי

לוגו עם הסימן _/אם יש צורך (urd. מדינה).
מכרזים והגבלות גיל - באזור התחתון של הפריסות; קריאת אלכוהוליסטים אנונימיים.
אל תשתמש בזהות בתוכן שמעודדת התנהגות מוגזמת.

17) לוקליזציה ו ־ RTL

סמל/מילה לוגו אינו מתורגם.
חסמי טקסט - במשאבים; תמיכה ב-RTL (שיקוף חץ/אייקון).
תן דעתך לאורכי שורות בגרמנית/טורקית/ערבית עבור פריסות.

18) עשה/אל

• שמור על ניגוד, אזורי שמירה, היררכיה גופן, רשת 8px.
• בדוק ראות בתמונות/סרטונים; להשתמש במוות.
• עקוב אחר האסימונים - אין צבעים ”אקראיים”.

אל תעשה את זה

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

19) נכסים, שמות וגרסאות

שם: 'gh-לוגו-hz-צבע. svg ',' gh-לוגו-vt-מונו-לבן. svg ',' gh-icon-24 כוננות. svg '.
'/מותג/לוגוס/', '/מותג/אייקונים/24/', '/מותג/תבניות/', '/מותג/גופנים/'.
פורמטים: SVG ללוגוס/אייקונים; PNG/WebP למסכים; PDF להדפסה.
Versioning: SemVer for token/icon pack; Changelog עם ”הוסף/שונה/פסול/הוסר”.
מקור לאמת: # לבנות מאגר אסימונים לאינטרנט/iOS/אנדרואיד.

20) בקרת איכות ותהליך

סקירת מותג ביחסי ציבור: בדיקת אסימונים וניגודיות.
A/B עבור תמונות רקע שנויות במחלוקת (קריאות/המרה).
איסור הצבעים מחוץ לאסימונים, בדיקת טקסט אלט לתמונות.
ביקורת רבעונית: palette/typography/icon pack עקביות.

21) תבניות

מפתח/שקופיות: כותרת, קטע, תוכן, ”נתונים/תרשים”, סופי.
מדיה חברתית: 1:1 אווטאר, 16:9 באנר, סיפורים 9:16.
דואר אלקטרוני: ברכה, CTA, הודעה, עיכול.

רחוב הגיבורים, 3 הטבות, תצוגה, סי-טי-איי, מרתף

22) רשימת יישומים

[ ] לוגו: אפשרות נכונה, אזור אבטחה, ניגוד, גודל.

[ ] צבעים: אסימונים בלבד; ניגוד של אלכוהוליסטים אנונימיים.

[ ] פונטים: היררכיה, שורה אחר שורה, גודל מטרה.

[ ] סמלים: רשת 24 × 24, עובי קו אחיד.

[ ] תמונות: נושאים תקפים, קריאת טקסט למעלה.

[ ] כהה/אור נושא: מאומת, אין חפצים.

[ ] לוקליזציה/RTL: קווים לא ”לשבור” את הפריסה.

[ נוכחים ] סימוני משחקים חוקיים/אחראיים.

23) תוכנית יישום (3 איטרציות)

• לוגוס, לוח, טיפוגרפיה, אסימונים בסיסיים, קבוצה של סמלים 24 × 24 (40-60 pcs ראשי.) תבניות מצגת ודואר אלקטרוני.

• נושא אפל, רכיבי UI על אסימונים (כפתורים, קלפים, שולחנות), מדריך לגרפים, חבילת מדיה חברתית, דף נחיתה.

• חבילת סמלים מורחבת, איורים, פריסות מודפסות, לינטר/CI לאסימונים, ביקורת סדירה של המותג.

24) מיני ־ FAQ

האם אפשר לצבוע מחדש את הלוגו לפעולה מיוחדת?
רק בנושאים עונתיים מאושרים וללא הפרה של ניגוד/אזור אבטחה.

מהו עיקרי - אסימונים או פריסה?
אסימונים. הפריסה חייבת להשתמש בצבע המערכת/הזחה/משתני טיפוגרפיה.

איך לפעול במקרים שנויים במחלוקת?
פתח את ה-RFC במאגר הזהות, צרף דוגמאות, ערוך סקירת מותג.

סך הכל

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