Gamble Hub视觉爱德

1）品牌本质和原则

图像：技术、诚实、可靠、以数据和责任为导向。
语气：克制和称职；没有"赌博"夸张。
原则：可读性>装饰,默认可用性,产品之间的一致性。

2）徽标： 结构与用途

2.1个选项

主要（水平）：标记+单词Gamble Hub。
紧凑型（标记）：用于favicon/化身。
垂直：适用于狭窄区域。

2.2设计和安全区

8px网格。安全区域=标题G的周长高度。
最小尺寸：印刷宽度为18毫米；屏幕为120 px。
不能从调色板中更改比例、倾斜、添加效果/渐变。

2.3在背景下

浅色背景是彩色徽标。
在复杂/照片中，是8-12 px倒圆角压板上的单色（白色/黑色）。
在黑暗中-反向。

3）色彩系统（令牌）

3.1基本调色板

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个梯度（根据需要）

Brand Gradient： 'linear-gradient （135 deg,#2F6BFF 0%,#1E54F0 50%,#2EAE60 100%）'-使用剂量。

3.3对比度和状态

主要按钮：背景"#2F6BFF",文本为白色,hover'#1E54F0",失去40% alpha。
文本对比≥ 4。5:1 (AA).对于反转-对于大型，≥ 3：1。

4）打字机

标题：Inter/SF Pro/系统,脂肪为600-700。

文字： Inter 14-16 px, line-height 1.5.

代码/单声道：JetBrains单声道或系统单声道。
层次结构：H1 32/40、H2 24/32、H3 20/28、Body 16/24、Caption 12/16。
不要在界面中使用装饰字体。

5）网格，缩进和半径

网格：8 px；max-width 1120-1280 px容器。
卡：16-24 px内部缩进，carts-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）图像和照片

主题：技术,数据,安全,团队。
避免"头奖/五彩纸屑"陈词滥调。
照片的顶部是梯度/深色条纹，用于对比文本（深色部分中至少60％的不透明度）。

8）黑暗和明亮的主题

深色：背景"#0E1116"，文字"#E6E8EB"，边界"#2A2F37"。
重音保持对比（主要轻音为8-12％）。
图形：背景2步轻背景,网格静音,字幕对比。

9）可用性（A11y）

AA/AAA对比；不删除焦点样式。
徽标和有意义的图像中的文本替代品。
最小点击大小为40-48 px。
尊重"prefers-reduced-motion"-降低/关闭动画。

10）音调和微摄影

简而言之，没有行话。
错误解释了用户要做什么。
单位和格式：日期在用户所在的位置,在接口是ISO输入,货币与代码（EUR, USD）。
不要在食品信息中使用"赌博"隐喻。

11）令牌示例（JSON和CSS）

JSON:

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示例）

Primary按钮：背景primary-600,文本#FFF, hover primary-700, disabled 40% alpha。
徽章：具有可读文本和图标的success/warning/critical。
卡片：BG Base背景，影子sm，半径md，头部16 px，主体16-24 px。

13）动画和运动

120-200毫秒的过渡，"ease-in-out"曲线。
动画仅是"变形"/"opacity"。
对于关键状态-没有动画（不要分心）。

14） Sosmedia,演示文稿,电子邮件

化身/图标：primary-600的标记，12-16 px的缩进。
幻灯片：背景light/深色，8px网格，H1 40-48，内容18-24。
电子邮件：600-720 px宽的HTML模板，系统/Inter字体，≥ 44 px高的按钮，深色主题。

15）印刷，商品和室外

CMYK颜色配置文件，等效的Pantone与印刷厂保持一致。
保留最小徽标尺寸和半径。
纸是磨砂的，避免"尖叫"的清漆；图标允许使用。

16）法律标记和负责任的游戏

带有徽章的Logo ®/™如有必要（yurd。国家）。
折叠器和年龄限制在布局的下部区域；AA可读性。
不要在鼓励过度行为的内容中使用爱德华。

17）本地化和RTL

徽标/斯洛文尼亚徽标不会翻译。
文本块-资源；支持RTL（箭头/图标镜像）。
在布局中考虑德语/土耳其语/阿拉伯语的行长。

18) Do / Don’t

Do:

支持对比度、安全区域、字体层次结构、8px网格。
检查照片/视频中的可见性；使用弹簧。
按照令牌-没有"随机"颜色。

Don’t:

拉伸/修剪徽标,应用阴影/笔画"为了美丽"。
使用"赌博"图像作为产品背景。
溷合非标准字体、打破对比度或删除焦点。

19） Assets，Neiming和版本

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/`.

格式：徽标/图标的SVG；用于栅格的PNG/WebP；要打印的PDF。
转化：用于令牌/图标包的SemVer；带有"added/changed/deprecated/removed"的cheinjlog。
真相来源：web/iOS/Android →构建令牌存储库。

20）质量控制和流程

Brand Review in PR：验证令牌和对比度。
A/B用于有争议的背景图像（可读性/转换）。
Linter：禁止标记外的颜色,检查图像的alt文本。
季度审核：调色板/打印/图标一致性。

21）模板

Keynote/Slides：标题，部分，内容，"数据/图表"，结尾。
Sosmedia：1：1头像，16：9横幅，历史9：16。
电子邮件：问候，CTA，通知，摘要。
Landing： Hero Block, 3个优势,店面,CTA,地下室。

22）申请表

• 徽标：正确的选项,安全区,对比度,尺寸。
• 颜色：仅限令牌；AA对比。
• 字体：层次结构、行间、目标尺寸。
• 图标：网格24 × 24，单线厚度。
• 图像：有效的主题，文本的可读性。
• 黑暗/光明主题：经过验证，没有人工制品。
• 本地化/RTL：行不会"打破"布局。
• 有法律/响应游戏标记。

23）实施计划（3次迭代）

• 徽标，调色板，打字机，基本令牌，24 × 24图标集（主要40-60件），演示模式和电子邮件。

• 黑暗主题，令牌（按钮，卡片，表）上的UI组件，图形的海德，社交媒体，着陆模板。

• Iconpak扩展，插图，印刷布局，令牌/CI，定期品牌审核。

24） Mini-FAQ

可以将徽标重新粉刷成香料促销吗？
仅在批准的季节性主题中，并且不违反对比/保护区。

什么是主要的令牌或布局?

代币。布局必须使用系统颜色/缩进/印刷变量。

如何处理有争议的桉件？
在identic存储库中打开RFC,附上示例,进行Brand Review。

底线

Gamble Hub的Aidentic不是"图片集"，而是系统：徽标，调色板，印刷品，图标，令牌和质量控制过程。遵循对比度、可用性和一致性规则,使用令牌和模板-品牌在所有产品和渠道中都是可识别、现代和统一的。