Gamble Hub wizual identika

1) Markanyň düýp manysy we ýörelgeleri

Şekil: tehnologiki, dogruçyl, ygtybarly, maglumatlara we jogapkärçilige gönükdirilen.
Äheň: çäklendirilen we başarnykly; "humarly" giperbolasyz.
Ýörelgeler: okalmagy> şaý-sepler, adaty elýeterlilik, önümleriň arasyndaky yzygiderlilik.

2) Logo: gurluşy we ulanylmagy

2. 1 Wariantlar

Esasy (gorizontal): belgi + Gamble Hub sözi.
Ykjam (belgi): fawikon/awatarlar üçin.
Dik: dar ýerler üçin.

2. 2 Gurluşy we gorag zolagy

8px tory. Gorag zolagy = perimetri boýunça baş G beýikligi.
Iň kiçi ululygy: çap - 18 mm; ekran - 120 px.
Palitradan däl täsirleri/gradientleri üýtgetmek, egmek, goşmak mümkin däl.

2. 3 Fonda

Açyk fonda - reňkli logo.
Çylşyrymly/suratlarda - monohrom (ak/gara) 8-12 px tegelek.
Garaňkyda - tersine.

3) Reňk ulgamy (bellikler)

3. 1 Esasy palitra

Primary / Indigo 600: `#2F6BFF`

Primary Dark / Indigo 700: `#1E54F0`

Success / Green 600: `#2EAE60`

Warning / Orange 600: `#FF9F1A`

Critical / Red 600: `#E53935`

FG Primary: `#11131A`

FG Muted: `#656D76`

BG Base: `#FFFFFF`

BG Subtle: `#F7F8FA`

BG Inverse: `#0E1116`

3. 2 Gradientler (isleg boýunça)

Brand Gradient: 'linear-gradient (135deg, #2F6BFF 0%, #1E54F0 50%, #2EAE60 100%)' - dozada ulanmak.

3. 3 Kontrast we ýagdaý

Esasy düwme: fon '#2F6BFF', tekst ak, hover '#1E54F0', disabled 40% alfa.
Tekstiň garşylygy ≥ 4. 5:1 (AA). Tersine - uly üçin ≥ 3:1.

4) Çaphana

Sözbaşylar: Inter/SF Pro/ulgam, ýaglylygy 600-700.
Tekst: Inter 14-16 px, line-height 1. 5.
Kod/mono: JetBrains Mono ýa-da ulgam mono.
Iýerarhiýa: H1 32/40, H2 24/32, H3 20/28, Body 16/24, Caption 12/16.
Interfeýs üçin bezeg şriftlerini ulanmaň.

5) Tor, girelgeler we radiuslar

Tor: 8px; max-width 1120-1280 px konteýnerler.
Kartoçkalar: içerki girewler 16-24 px, kartoçkalar - 16 px.
Radiuslar: 8/12/16 px; 8 px düwmeleri üçin 12 px.
Тени: `0 1px 2px rgba(0,0,0,.08)` (sm), `0 4px 12px rgba(0,0,0,.10)` (md).

6) Ikonografiýa we suratlar

Nyşanlaryň tory 24 × 24, setiri 1. 75-2px, tegelek ylalaşyldy.
Semantika birmeňzeş, reňk ikinji derejeli (reňk ýagdaýlara görä üýtgeýär).
Suratlar: tekiz, "kazual" nyşanlarsyz (çipler/kartalar - diňe bitarap maglumat materiallarynda we ortaça, höweslendiriji däl kontekstlerde).

7) Suratlar we suratlar

Mowzuklar: tehnologiýa, maglumatlar, howpsuzlyk, topar.
"Jekpot/konfeti" klişesinden gaça duruň.
Suratyň üstünde - tekstiň kontrasty üçin gradient/garaňky plaşka (garaňky böleginde azyndan 60% aç-açanlyk).

8) Garaňky we açyk mowzuklar

Garaňky: fon '#0E1116', tekst '#E6E8EB', serhetler '#2A2F37'.
Aksentler kontrasty saklaýar (primary 8-12% ýagtylandyrýar).
Grafikler: fon fondan 2 ädim ýeňil, tor sessiz, gollar kontrast.

9) Elýeterlilik (A11y)

AA/AAA kontrast; fokus-stilleri aýyrmaň.
Logotipde we möhüm şekillerde tekst alternatiwalary.
Basmagyň iň az ululygy 40-48 px.
'prefers-reduced-motion' - animasiýalary azaltmak/öçürmek.

10) Äheň we mikrokopirting

Gysgaça, takyk, jargonsyz.
Ýalňyşlyklar ulanyja näme etmelidigini düşündirýär.
Birlikler we formatlar: ulanyjynyň lokalynda seneler, interfeýsde - kody bolan walýuta girilende ISO (EUR, USD).
Azyk habarlarynda "humarly" metaforalary ulanmaň.

11) Bellikleriň mysallary (JSON we 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) Komponentler we ýagdaýlar (UI-mysallar)

Esasy düwme: fon primary-600, tekst #FFF, hover primary-700, disabled 40% alfa.
Nyşanlar: okalýan tekst we nyşan bilen success/warning/critical.
Kartoçka: fon BG Base, kölege sm, radius md, heder 16 px, beden 16-24 px.

13) Animasiýa we hereket

Geçişler 120-200 ms, egri 'ease-in-out'.
Animasiýa diňe 'transform '/' opacity'.
Möhüm ýagdaýlar üçin - animasiýasyz (ünsüňizi sowmaň).

14) Sosial media, prezentasiýa, e-mail

Awatarlar/nyşanlar: primary-600 nyşanyndaky belgi, 12-16 px.
Slaýdlar: açyk/garaňky fon, 8px tor, H1 40-48, 18-24 mazmuny.
E-mail: Eni 600-720 px HTML şablon, ulgam/Inter şriftleri, beýikligi 44 px ≥ düwmeler, garaňky tema göz öňünde tutulýar.

15) Möhür, merç we daşarky

CMYK, Pantone-ekwiwalentleriniň reňk profilini çaphana bilen utgaşdyrmak.
Logotipiň iň pes ölçeglerini we radiuslaryny saklamak.
Kagyz - mat, "gygyrýan" laklardan gaça duruň; möhürlemek belgi üçin kabul edilýär.

16) Hukuk bellikleri we jogapkärli oýun

Zerur bolsa ®/™ belgili logo (hukuk. ýurt).
Diskleýmerler we ýaş çäklendirmeleri - maketleriň aşaky zolagynda; AA okalmagy.
Artykmaç özüni alyp barşyny höweslendirýän mazmunlarda identikany ulanmaň.

17) Lokalizasiýa we RTL

Nyşanyň nyşany/sözbaşysy terjime edilmeýär.
Tekstli bloklar - çeşmelerde; RTL goldawy (oklary/nyşanlary aýna).
Nemes/türk/arap dilindäki setirleriň uzynlygyny maketlerde göz öňünde tutuň.

18) Do / Don’t

• Kontrasty, gorag zolaklaryny, font iýerarhiýasyny, 8px toruny saklaň.
• Suratda/wideoda görünmegi barlaň; plastinkany ulanyň.
• Bellikleri yzarlaň - "tötänleýin" reňk ýok.

• Logotipi uzadyň/kesiň, "gözellik üçin" kölegeleri/çyzgylary ulanyň.
• "Humarly" şekilleri önümdäki fon hökmünde ulanyň.
• Adaty däl şriftleri garyşdyrmak, kontrasty döwmek ýa-da fokusy aýyrmak.

19) Assetler, neýming we wersiýalar

Neiming: 'gh-logo-hz-color. svg`, `gh-logo-vt-mono-white. svg`, `gh-icon-24-alert. svg`.
Пакеты: `/brand/logos/`, `/brand/icons/24/`, `/brand/templates/`, `/brand/fonts/`.
Formatlar: Nyşanlar/nyşanlar üçin SVG; Raster üçin PNG/WebP; Çap etmek üçin PDF.
Wersiýa: Token/nyşan bukjasy üçin SemVer; 'added/changed/deprecated/removed'.
Hakykat çeşmesi: web/iOS/Android üçin token → gurnama ammary.

20) Hil gözegçiligi we proses

Brand Review in PR: bellikleri we kontrastlary barlamak.
Jedelli fon şekilleri üçin A/B (okalmak/öwrülişik).
Linter: nyşanlaryň daşyndaky reňkleri gadagan etmek, şekiller üçin alt teksti barlamak.
Çärýekleýin audit: palitranyň/tipografiýanyň/ikonpagyň yzygiderliligi.

21) Şablonlar

Keynote/Slides: titul, bölüm, mazmun, "maglumatlar/grafika", final.
Sosial media: 1:1 awatar, 16:9 banner, hekaýalar 9:16.
E-mail: salam, CTA, habarnama, digest.
Giriş: her blok, 3 artykmaçlyk, vitrin, CTA, ýerzemin.

22) Ulanylyş çek-sanawy

• Logo: dogry wariant, gorag zolagy, kontrast, ululyk.
• Reňkler: diňe bellikler; AA kontrast.
• Şriftler: iýerarhiýa, hatara, nyşanlaryň ölçegleri.
• Nyşanlar: 24 × 24 tor, bir çyzygyň galyňlygy.
• Suratlar: Rugsat berilýän tema, tekstiň üstünde okalmagy.
• Garaňky/açyk tema: barlandy, artefaktsyz.
• Lokalizasiýa/RTL: setirler ýerleşişi "bozmaýar".
• Kanuny/Responsible Gaming bellikleri bar.

23) Durmuşa geçirmek meýilnamasy (3 iterasiýa)

• Logotipler, palitralar, tipografiýa, esasy bellikler, nyşanlaryň toplumy 24 × 24 (esasy 40-60 sany), prezentasiýa şablonlary we e-mail.

• Gara tema, belliklerdäki UI komponentleri (düwmeler, kartoçkalar, tablisalar), grafikler üçin gollanma, sosial media paketi, lending şablony.

• Ikonpack giňeldilen, suratlar, çap edilen maketler, bellikler üçin linter/CI, yzygiderli marka auditleri.

24) Mini-FAQ

Logotipi ýörite mahabat üçin gaýtadan boýap bolarmy?
Diňe tassyklanan möwsümleýin temalarda we kontrasty/gorag zolagyny bozmazdan.

Ilki näme - bellikler ýa-da maket?
Bellikler. Maket reňkleriň/sapaklaryň/tipografiýanyň ulgamlaýyn üýtgemelerini ulanmaga borçludyr.

Jedelli ýagdaýlarda nähili hereket etmeli?
Identika howdanynda RFC açyň, mysallary goşuň, Brand Review geçiriň.

Jemi

"Gamble Hub" identikasy "suratlar toplumy" däl-de, ulgam: logo, palitra, çaphana, ikonpak, bellikler we hil gözegçiligi prosesleri. Kontrastyň, elýeterliligiň we yzygiderliligiň düzgünlerine eýeriň, bellikleri we şablonlary ulanyň - marka ähli önümlerde we kanallarda tanalýan, döwrebap we birmeňzeş bolar.