02 · Color System
色彩：以蓝为主的全球体系
全球金融品牌的第一原则：蓝色是唯一在所有主要市场都没有负面含义的颜色——这就是 Citi、Visa、AmEx、PayPal 共同选择它的原因。而绿色在中国大陆、港台、日韩的证券语境里意味着「下跌」（红涨绿跌，与欧美相反）。因此体系分四层：核心蓝系承载品牌，黑白单色保证任何文化与介质下的安全回退，扩展色注入活力与质感，功能色只做语义、且涨跌按市场惯例可切换。点击任意色卡可复制 HEX。
核心蓝系 Core品牌识别的 90% 由这四个颜色完成
黑白单色 Mono + 鎏金最严肃的一层——合同、监管文件、单色印刷与高端场景的安全回退
扩展色 Extendedv3 按 2026–27 趋势校准（WGSN × Coloro 关键色的数字适配）——语义固定，不可混用
趋势依据（2026-06 检索）：WGSN × Coloro 2026 年度色 Transformative Teal、2027 年度色 Luminous Blue——行业趋势正向 Omninal 的蓝色主场汇合，主色不动；扩展色取关键色中与金融语义兼容的四支（青 / 紫 / 橙 / 粉）。Pantone 2026 Cloud Dancer（白）印证「留白即权威」的纸白底策略。渐变趋势从装饰转向结构系统：蓝→青（hero 强调字）与蓝→紫→粉（campaign）是仅有的两条结构渐变。
功能色 Functional对齐国际通用语义色（Tailwind/shadcn 同源）——每个语义三级：主色 / 文字级 / 浅底
Success 成功绿#16A34A · #15803D · #F0FDF4token --positive；图形用主色，白底文字必须用文字级（5.0 AA）。
Destructive 警示红#DC2626（4.8 AA）· #FEF2F2token --negative / shadcn --destructive；错误、危险操作；亚太惯例中为上涨色。
Warning 警告琥珀#F59E0B · #B45309 · #FFFBEBtoken --warning；主色仅作图形/图标，白底文字一律文字级（5.0 AA）。
Info 信息蓝#155DFC · #15439E · #E9F0FFtoken --info；中性信息、进行中——与品牌蓝同值，文字级即 Blue Dark。
三级结构（国际大厂通行做法）：主色（500/600 档）给图标、徽章圆点、图形；文字级（700 档）给白底文字，保证 ≥ 4.5:1；浅底（50 档）给提示容器底色。涨跌色按市场惯例 token 切换（见下表），功能色永远不参与品牌识别。
中性色阶 Neutrals从墨到纸的六级秩序
全球市场色彩纪律这一节是本规范存在的理由
| 市场 | 上涨 / 盈利 | 下跌 / 亏损 | 含义 |
|---|---|---|---|
| 美国 · 欧洲 · 东南亚大部分 | 绿色 ▲ | 红色 ▼ | 西方惯例：green = go |
| 中国大陆 · 港台 · 日本 · 韩国 | 红色 ▲ | 绿色 ▼ | 红为喜庆与上涨，绿为下跌——与西方完全相反 |
三条纪律：① 涨跌色定义为语义 token（--positive / --negative），按用户所在市场惯例切换，永不硬编码；② 品牌识别完全不依赖绿色或红色——句点与主动作只用蓝，蓝在两套惯例里都是中性的；③ 黑白单色系统是终极回退：任何文化、宗教、单色印刷或合规场景下，Carbon + White 的标识与版面都成立。
渐变 Gradients版面只允许这四组（方向 132°）；第五组径向 Halo 为标识专用——只上图标，禁作底色，见 01 章
Deep Trust 深蓝 · 封面、融资材料、键盘演讲
Royal Flow 皇家蓝 · 产品营销与增长叙事
Midnight Gold 黑金 · 高端客户与尊贵层级
Vivid Signal 蓝紫粉 · campaign 与社交（克制使用）
渐变的三种结构用法渐变是结构系统，不是装饰——只允许这三种角色
Q2 Review
一个架构，
四个产品。
四个产品。
① 容器级 · 场
渐变铺满整个容器（封面、卡面、KV），给内容一个「场」。一个版面只允许一块渐变容器，方向锁 132°。
最终落定。
② 文字级 · 强调
蓝→青线性渐变（100°）只给 H1 级强调词（hero、KV 标题中的 2–6 字），正文与按钮文字禁止；每屏最多一处。
③ 辉光级 · 光源
径向渐变作单点光源，垫在图标、数据或焦点内容后；透明度 ≤ 40%，光源位置 = 视觉焦点，一屏一个光源。
渐变禁则：按钮、输入框、徽章等组件一律纯色（产品 UI 的渐变只存在于 Halo 图标与空态插画）；两块渐变不同屏；线性只允许 132°（hero 文字 100°）；不在渐变上再叠渐变文字；金色渐变只属于黑金场。
六组标准配方严肃与活力的固定比例——按场景取用，不要即兴调色
① 全球企业组 Global Corporate · 65 / 20 / 15
默认配方：官网主体 · 产品文档 · 销售材料——任何市场直接可用
Paper 65%
Navy 20%
Blue 15%
② 信任深蓝组 Deep Trust · 70 / 20 / 10
融资 deck · 投资人沟通 · 监管与银行伙伴材料——深色权威场
Navy 70%
White 20%
Sky 10%
③ 尊贵黑金组 Premium Mono · 75 / 15 / 10
高端客户计划 · 黑卡 · 周年与高管活动——黑白系统 + 唯一点缀色
Carbon 75%
White 15%
Gold 10%
④ 活力组 Energy · 45 / 25 / 18 / 12
产品发布 · 社交媒体 · 招聘品牌 · 开发者大会——活力但仍以蓝为锚
Navy 45%
Sky 25%
Iris 18%
Orange 12%
⑤ 产品界面组 Product UI · 60 / 25 / 10 / 5
Dashboard · App · 控制台——白底秩序，蓝色只给主要动作，功能色按语义
White 60%
Neutrals 25%
Blue 10%
Func. 5%
⑥ 数据可视化组 Data Viz · 序列固定
图表与报告——Omninal 永远是蓝色序列首位；涨跌色按市场 token 切换
Blue
Teal
Iris
Orange
Gold
Mist
对比度纪律：正文文字与底色对比度 ≥ 4.5:1（WCAG AA）；Sky #6E9BFF 只作深色底上的高光与句点，永远不作浅色底上的正文色；Gold 只与黑白搭配、占比 ≤ 10%；金额与数字永远使用 Ink / Navy / White——彩色留给「状态与变化」，不给「数值本身」。
对比度实测矩阵WCAG 2.1 · 实算数值——查表即用，不再凭感觉
| 前景 ↓ / 底色 → | White / Paper | Ice #E9F0FF | Navy #0B0F1E | Blue #155DFC | Carbon #0D0D12 |
|---|---|---|---|---|---|
| Ink / Navy 文字 | 14.6 · AAA | 12.7 · AAA | — | — | — |
| White 文字 | — | — | 19.1 · AAA | 5.2 · AA | 19.5 · AAA |
| Omninal Blue #155DFC | 5.2 · AA | 4.6 · AA | 3.7 · 仅大字/图形 | — | 3.7 · 仅大字/图形 |
| Blue Dark #15439E | 9.0 · AAA | 7.9 · AAA | ✕ 1.7 | — | ✕ 1.8 |
| Sky #6E9BFF | ✕ 2.7 | ✕ 2.4 | 7.1 · AAA | ✕ 2.2 | 7.2 · AAA |
| Gold #E3B341 | ✕ 1.9 | ✕ 1.7 | 9.8 · AAA | — | 10.0 · AAA |
| Slate #5D6478 | 5.9 · AA | 5.2 · AA | — | — | — |
| Mist #8B91A5 | 3.1 · 仅大字/装饰 | ✕ 2.8 | 6.1 · AA | — | 6.2 · AA |
判定标准：AAA ≥ 7:1（正文最优）· AA ≥ 4.5:1（正文合格）· 3:1–4.5:1 仅限 ≥ 18.5px 粗体大字 · ✕ 禁止承载文字（仍可作图形色）。「—」为无意义组合。
对比度计算器任选前景与底色，实时得到 WCAG 2.1 比值——矩阵之外的组合，算了再用
19.1:119.1 · AAA · 正文最优
判级与实测矩阵同一标准：AAA ≥ 7 · AA ≥ 4.5 · 3–4.5 仅限 ≥ 18.5px 粗体大字 · 更低禁止承载文字（仍可作图形色）。
大字样张：每一笔钱，最终落定。正文样张：Omninal 用同一套架构持有、移动与控制资金，覆盖多币种、稳定币与全部支付轨道。$2,485,302.18 · +4.2% · 2026-06-07
Dark Mode 映射同一组件的双模对照——token 换值，关系不变
Light · 浅色模式
Available Balance
$2,485,302.18
新建付款Dark · 深色模式
Available Balance
$2,485,302.18
新建付款| Token | Light | Dark | 说明 |
|---|---|---|---|
| --surface 底 | Paper #FAFBFD | Navy #0B0F1E | 页面底色互为镜像 |
| --card 容器 | White #FFFFFF | #131A32 | 深色容器升一级亮度，不用纯黑 |
| --text 正文 | Ink #181D33 | #E9EDF6 | 深色端文字降饱和，避免刺眼纯白 |
| --text-muted | #5D6478 | #8A93AD | |
| --primary 主动作 | Blue #155DFC | Sky #6E9BFF（深字） | 深色端主按钮换 Sky、文字换 Navy——对比度见上表 |
| --line 描线 | #E6E9F1 | #26304A | |
| --tint 选中底 | Ice #E9F0FF | rgba(110,155,255,.14) | 深色端用透明 Sky 而非实色 |