Шахсияти визуалӣ Gamble Hub

1) Моҳият ва принсипҳои бренд

Тасвир: Технологӣ, ростқавл, боэътимод, ба маълумот асосёфта ва масъул.
Оҳанг: ҳифзшуда ва салоҳиятдор; бе гиперболаи "қимор".
Принсипҳо: хониш> ороиш, мавҷудияти пешфарз, мувофиқати байни маҳсулот.

2) Лого: сохтор ва истифода

2. 1 Интихобҳо

Асосӣ (уфуқӣ): имзо + калимаи Gamble Hub.
Паймон (аломат): барои фавикон/аватарҳо.
Амудӣ: барои минтақаҳои танг.

2. 2 Сохтор ва минтақаи амният

Шабакаи 8px. Минтақаи посбон = баландии пойтахт G дар атрофи периметр.
Андозаи ҳадди аққал: паҳнои 18 мм; экран - 120 px.
Шумо таносубҳоро тағир дода наметавонед, skew, эффектҳо/градиентҳоро аз берун аз палитра илова кунед.

2. 3 Замина

Дар заминаи нур - логотипи рангӣ.
Дар мураккаб/акс - монохром (сафед/сиёҳ) дар табақи 8-12 px давр.
Дар торикӣ - баръакс.

3) Системаи рангӣ (нишонаҳо)

3. 1 Палитраи асосӣ

Ибтидоӣ/Indigo 600: '# 2F6BFF.pos

Dark Dark/Indigo 700: '# 1E54F0.bapos

Муваффақият/Сабз 600: '# 2EAE60' апос

Огоҳӣ/Orange 600: '# FF9F1A.Bapos

Critical/Red 600: '# E53935'

FG ибтидоӣ: '# 11131A'

FG хомӯш карда шуд: '# 656D76'

BG Base: '# FFFFFF.bapos

BG Subtle: '# F7F8FAbbapos

Баръакси BG: '# 0E1116'

3. 2 Градиентҳо (ихтиёрӣ)

Градиенти бренд: 'linear-gradient (135deg, # 2F6BFF 0%, # 1E54F0 50%, # 2EAE60 100%)' - истифода бурдан.

3. 3 Муқоиса ва давлатҳо

Тугмаи ибтидоӣ: пасзаминаи '# 2F6BFF', матни сафед, hover '# 1E54F0', 40% алфа хомӯш карда шудааст.
Контрасти матн ≥ 4. 5:1 (АА). Барои инверсия - ≥ 3:1 барои калон.

4) Типография

Унвонҳо: Интер/SF Pro/система, таркиби равған 600-700.
Матн: Inter 14-16 px, сатри баландии 1. 5.
Рамз/моно: Jetbrains Mono ё системаи моно.
Иерархия: H1 32/40, H2 24/32, H3 20/28, бадан 16/24, сарлавҳаи 12/16.
Ҳуруфҳои ороиширо барои интерфейс истифода набаред.

5) Grid, indents ва radii

Шабака: 8px; контейнерҳо бо паҳнои максималии 1120-1280 px.
Кортҳо: indents дохилӣ 16-24 px, inter-кортҳо - 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, .10)' (md).

6) Иконография ва тасвирҳо

Шабакаи нишонаҳо 24 × 24, хати 1. 75-2px, даврҳо мувофиқ.
Семантика аввалиндараҷа, ранг дуюмдараҷа аст (тағирёбии ранг аз болои ҳолатҳо).
Тасвирҳо: ҳамвор, бидуни аломатҳои "тасодуфӣ" (микросхемаҳо/кортҳо - танҳо дар маводҳои бетараф ва дар заминаҳои мӯътадил ва ғайримуқаррарӣ).

7) Тасвирҳо ва аксҳо

Мавзӯъҳо: технология, маълумот, амният, даста.
Нагузоред, ки jackpot/confetti clichés.
Дар болои акс табақи градиент/торик барои контрасти матн аст (ҳадди аққал 60% шаффофият дар қисми торик).

8) Мавзӯъҳои торик ва сабук

Торик: замина '# 0E1116', матн '# E6E8EB', сарҳад '# 2A2F37'.
Аксентҳо контрастро нигоҳ медоранд (равшании ибтидоӣ 8-12%).
Графика: замина аз пасзамина 2 қадам сабуктар аст, шабака хомӯш карда шудааст, сарлавҳаҳо муқобиланд.

9) Дастрасӣ (A11y)

Контрасти AA/AAA; услубҳои фокусро бартараф кардан мумкин нест.
Алтернативаҳои матн дар лого ва тасвирҳои назаррас.
Андозаи ҳадди ақали клик 40-48 px аст.
Эҳтиром 'prefers-кам-ҳаракат' - кам/хомӯш кардани аниматсияҳо.

10) Оҳанг ва нусхабардории хурд

Кӯтоҳ, аниқ, бе jargon.
Хатогиҳо мефаҳмонанд, ки ба корбар чӣ кор кардан лозим аст.
Воҳидҳо ва форматҳо: санаҳо дар маҳалли корбар, дар интерфейс - 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, hover ибтидоӣ-700, 40% алфа ғайрифаъол.
Нишонаҳо: муваффақият/огоҳӣ/муҳим бо матни хондан ва нишона.
Корт: BG Base замина, сояи см, радиуси md, 16 px сарлавҳа, 16-24 px бадан.

13) Аниматсия ва ҳаракат

Гузаришҳо 120-200 мс, каҷи "осон".
Аниматсияҳо - танҳо 'табдил '/' шаффофият'.
Барои ҳолатҳои интиқодӣ - бе аниматсия (парешон нашавед).

14) ВАО иҷтимоӣ, презентатсияҳо, почтаи электронӣ

Аватарҳо/нишонаҳо: аломати ибтидоӣ-600 мемиранд, indents 12-16 px.
Слайдҳо: заминаи сабук/торик, шабакаи 8px, H1 40-48, мундариҷаи 18-24.
Почтаи электронӣ: Шаблонҳои HTML 600-720 px, шрифтҳои система/Интер, тугмаҳо ≥ баландии 44 px, мавзӯи торик ба назар гирифта мешаванд.

15) Чоп, савдо ва берунӣ

Профили ранги CMYK, муодили Pantone бо чопхона розӣ ҳастанд.
Андозаи минималии лого ва радиоро нигоҳ доред.
Коғаз - матт, аз фарёдҳои "фарёд" канорагирӣ кунед; embossing барои нишона қобили қабул аст.

16) Нишондиҳандаҳои ҳуқуқӣ ва бозии масъулиятнок

Лого бо аломати ®/} дар ҳолати зарурӣ (urd. кишвар).
Радди масъулият ва маҳдудиятҳои синну сол - дар минтақаи поёнии тарҳҳо; хондан АА.
Шахсиятро дар мундариҷа, ки рафтори аз ҳад зиёдро ташвиқ мекунад, истифода набаред.

17) Маҳаллисозӣ ва RTL

Рамз/калимаи лого тарҷума нашудааст.
Блокҳои матнӣ - дар захираҳо; Дастгирии RTL (оинаи тир/нишона).
Барои тарҳҳо дарозии хатро бо забонҳои олмонӣ/туркӣ/арабӣ баррасӣ кунед.

18) Иҷро кунед/Накунед

• Нигоҳ доштани контраст, минтақаҳои муҳофизатӣ, иерархияи ҳуруф, шабакаи 8px.
• Намоиши суратҳо/видеоҳоро санҷед; мурданро истифода баред.
• Нишонаҳоро пайравӣ кунед - рангҳои "тасодуфӣ" нестанд.

• Лого дароз/буред, сояҳо/зарбаҳоро "барои зебоӣ" истифода баред.
• Тасвирҳои "қимор" -ро ҳамчун замина дар маҳсулот истифода баред.
• Ҳуруфҳои ғайримуқаррариро омехта кунед, контрастро шиканед ё фокусро хориҷ кунед.

19) Дороиҳо, номгузорӣ ва версияҳо

Номгузорӣ: 'gh-logo-hz-ранг. svg ',' gh-logo-vt-mono-сафед. svg ',' gh-icon-24-ҳушдор. svg '.
Пакеты: '/brand/logos/', '/brand/icons/24/', '/brand/shiplates/', '/brand/fonts/'.
Форматҳо: SVG барои логоҳо/нишонаҳо; PNG/WebP барои экранҳо; PDF барои чоп.
Нусхабардорӣ: Semver барои бастаи нишона/нишона; changelog бо 'илова/иваз/фарсуда/хориҷ карда шудааст'.
Сарчашмаи ҳақиқат: → сохтани анбори токен барои веб/IOS/Android.

20) Назорат ва раванди сифат

Шарҳи бренд дар PR: Тафтиши нишонаҳо ва контраст.
A/B барои тасвирҳои баҳсноки пасзамина (хондан/табдил).
Линтер: манъ кардани рангҳои берун аз токенҳо, санҷиши матни alt-матн барои тасвирҳо.
Аудити семоҳа: мувофиқати палитра/типография/нишона.

21) Қолибҳо

Калидҳо/Слайдҳо: унвон, фасл, мундариҷа, "маълумот/диаграмма", ниҳоӣ.
ВАО иҷтимоӣ: 1:1 аватар, 16:9 баннер, ҳикояҳо 9:16.
Почтаи электронӣ: салом, CTA, огоҳӣ, ҳазм.

Фурудгоҳ: блоки қаҳрамон, 3 имтиёз, намоиш, CTA, таҳхона

22) Рӯйхати санҷиши барномаҳо

• Лого: варианти дуруст, минтақаи амният, контраст, андоза.
• Рангҳо: танҳо нишонаҳо; Баръакси АА.
• Шрифтҳо: зинанизом, хат аз рӯи сатр, андозаи ҳадаф.
• Нишонаҳо: шабакаи 24 × 24, ғафсии хатти ягона.
• Тасвирҳо: мавзӯъҳои дуруст, хониши матн дар боло.
• Мавзӯи торик/сабук: Санҷидашуда, артефактҳо нестанд.
• Маҳаллисозӣ/RTL: Хатҳо тарҳро "вайрон намекунанд".
• Нишонаҳои бозии ҳуқуқӣ/масъулиятнок мавҷуданд.

23) Нақшаи амалисозӣ (3 такрорӣ)

• Лого, палитра, типография, аломатҳои асосӣ, маҷмӯи нишонаҳо 24 × 24 (асосӣ 40-60 саҳ.) , Қолабҳои муаррифӣ ва почтаи электронӣ.

• Мавзӯи торик, ҷузъҳои UI дар токенҳо (тугмаҳо, кортҳо, мизҳо), дастур барои графикҳо, бастаи медиа иҷтимоӣ, саҳифаи фуруд.

• Бастаи васеъшудаи нишонаҳо, тасвирҳо, тарҳҳои чопшуда, линтер/CI барои нишонаҳо, аудити мунтазами бренд.

24) Мини-FAQ

Оё логотипро барои амали махсус ранг кардан мумкин аст?
Танҳо дар мавзӯъҳои мавсимии тасдиқшуда ва бидуни вайрон кардани минтақаи контраст/амният.

Аломати асосӣ ё тарҳ чист?
Токенҳо. Тарҳ бояд тағирёбандаҳои ранг/индуксия/типографияи системаро истифода барад.

Дар парвандаҳои баҳснок чӣ гуна бояд амал кард?
RFC-ро дар анбори шахсият кушоед, намунаҳоро замима кунед, Шарҳи брендро гузаронед.

Ҷамъ

Шахсияти Gamble Hub ин "маҷмӯи тасвирҳо" нест, балки система: лого, палитра, типография, бастаи нишона, нишонаҳо ва равандҳои назорати сифат. Қоидаҳои контраст, мавҷудият ва пайдарҳамиро риоя кунед, нишонаҳо ва қолабҳоро истифода баред - ва бренд дар ҳама маҳсулот ва каналҳо шинохта, муосир ва муттаҳид карда мешавад.