Brand identity / Color system

Less color.More signal.

Reality-AI 以黑白建立专业、秩序与可信度；冷蓝标记系统正在运行、节点已经连接，验证、警告与错误由独立的功能色清楚表达。

生产执行版适用于官网 / UI / 视频V1.1 · 2026.09

01 / COLOR IDEA

颜色不负责装饰，它负责传达系统状态。

用极简色彩让复杂的 AI 能力更容易理解。视觉重点来自版式、尺度、黑白对比和留白；Signal Blue 只在真正有系统语义的位置出现。

黑白构成品牌骨架

主画布、内容结构、核心行动与反向区域，都先由黑白完成。

≤3%

蓝色保持稀缺

单屏蓝色建议不超过 3%，越少越能形成明确的运行信号。

1×

一个区域一个重点

每个视觉区域只保留一个主行动，避免多色按钮相互争夺注意力。

02 / CORE PALETTE

六个品牌核心色，负责视觉识别。

品牌色与产品功能色分层管理。核心色维持对外识别；产品状态色只在需要表达业务状态时出现，不参与营销装饰。

CANVAS WHITE主背景 / 留白

#FFFFFF

REALITY INK主文字 / 主按钮 / 深色区

#18181B

SIGNAL BLUE运行 / 连接 / 选中

#315EAE

QUIET GRAY说明 / 次级信息

#71717A

SOFT SURFACE卡片 / 弱层级背景

#F4F4F5

STRUCTURE LINE装饰分隔线，不用于关键控件边界

#E4E4E7

03 / TOKEN ARCHITECTURE

PRIMITIVE 与 SEMANTIC TOKEN 分层，团队才能准确复现。

Primitive 记录允许使用的原始色值；Semantic Token 记录颜色在 light 与 inverse 场景中的职责。组件内禁止写入未登记的裸色值。

PRIMITIVE / 原始色

稳定的色值资产，不直接说明组件用途。

reality.whiteCanvas White#FFFFFF

reality.inkReality Ink#18181B

reality.blueSignal Blue#315EAE

gray.50–850界面灰阶已登记

state.*成功 / 警告 / 错误功能限定

SEMANTIC TOKEN / 语义色

斜杠前为 Light，斜杠后为 Inverse。

bg.canvas#FFFFFF / #18181B主画布

bg.surface#F4F4F5 / #202024卡片

text.primary#18181B / #FFFFFF主文字

text.secondary#6B6B73 / #A1A1AA次文字

border.functional#8F8F98 / #71717A控件边界

accent.active#315EAE / #AFC8FF运行与选中

04 / COLOR DOSAGE

色彩比例决定品牌是否显得高级。

大面积使用白色和灰阶，让信息有呼吸；近黑负责形成清晰锚点；蓝色只在运行、连接和选中等关键时刻出现。

WHITE / SOFT · 78%

INK · 19%

75–85% 明亮基底主页面、内容卡片与大量留白。

12–22% 近黑结构标题、正文重点、主按钮和收束区域。

≤3% 蓝色信号Logo 信号块、Live 状态、连接节点和选中反馈。

05 / CONTRAST

按钮只使用黑白正反关系。

白色页面采用黑底白字的主按钮；近黑区域采用白底黑字的反向按钮。普通 CTA 不使用蓝底。

LIGHT MODE / PRIMARY

Build an AI system that actually works.

在明亮背景中，主行动由 Reality Ink 承担；次按钮使用合格的 Functional Border，不以装饰分隔线充当控件边界。

开始构建 AI 系统查看执行方式 →

DARK SECTION / INVERSE

From decision to verified result.

这是重点收束区，不代表完整暗色主题。反向按钮必须白底黑字，保持品牌一致性。

预约一次讨论查看案例 →

06 / LOGO COLOR

Logo 中的蓝色，是一个“系统已连接”的信号点。

标志主体始终使用黑或白；只有最后一个模块使用 Signal Blue。不得把 Logo 改为整体彩色或添加渐变。

REALITY-AI

首选 · 白色背景

REALITY-AI

反向 · 近黑背景

图标 · 浅灰界面

07 / APPLICATION

同一套颜色，统一网页、产品 UI 与页面演示视频。

以下画面是应用示意，不是新的官网方案。它们用于说明不同媒介如何保持相同的视觉语言。

EUROPEAN AI EXECUTION PARTNER

Make AI work.
Keep it visible.

用白色画布、黑色主行动与少量蓝色状态建立可信的科技感。

开始构建了解更多

Reality Engine

OPERATING CONSOLELIVE

AGENTS CONNECTED12

VERIFIED RUNS98.4%

ACTIVE WORKFLOW06

BUSINESS RESULT+34%

FRAME 03 / 0800:14

Connect the workflow. Verify the outcome.

网页界面白色主画布 + 黑色行动

产品 UI蓝色 = 运行；绿色 = 验证

页面演示视频蓝色 = 关键帧信号

08 / STATE SEMANTICS

品牌蓝和功能状态必须各司其职。

颜色永远不能成为唯一的信息载体；每种状态必须同时出现文字、图标或形状。Light 与 Inverse 使用成对色值，保持语义不变。

运行 / 连接

Agent、任务或系统连接正在活动。

RUNNING

已验证

结果已完成读取、核对与确认。

✓ VERIFIED

警告

需要注意，但不阻止当前流程继续。

! WARNING

错误 / 断开

流程失败、连接中断或危险操作。

× ERROR

离线 / 未开始

对象当前未活动或尚未执行。

○ OFFLINE

Inverse 对应值

蓝 #AFC8FF · 成功 #6CE9A6 · 警告 #FEC84B · 错误 #FDA29B

✓ VERIFIED

09 / ACCESSIBILITY

每一种颜色组合，都必须通过明确的对比门槛。

普通正文至少 4.5:1；大字号文字至少 3:1；必要图标、焦点环和控件边界至少 3:1。Structure Line 只作装饰，Functional Border 才能承担交互边界。

主文字 / 白底

#18181B on #FFFFFF

17.72:1

品牌蓝 / 白底

#315EAE on #FFFFFF

6.28:1

次文字 / 浅灰底

#6B6B73 on #F4F4F5

≥4.5:1

功能边框 / 白底

#8F8F98 on #FFFFFF

≥3:1

Inverse 功能边框

#71717A on #202024

≥3:1

禁止配对

#E4E4E7 不得用于关键控件边界；#AFC8FF 不得作为白底小字。

DEFAULT

HOVER

FOCUS · 2PX + 2PX OFFSET

DISABLED · TEXT + SHAPE

INVERSE FOCUS

10 / PRODUCTION

同一个颜色，需要按媒介采用不同的交付标准。

HEX 是数字界面的入口，不是印刷和视频的万能换算值。下列参数作为设计、开发与剪辑的共同交付门禁。

WEB / PRODUCT UI

数字界面母版

sRGB

IEC 61966-2-1 · D65
颜色使用语义 token
不嵌入未经批准的 Display P3 值

PAGE DEMO VIDEO

SDR 页面演示视频

Rec.709

Gamma 2.4 · D65 · SDR
稳定画面蓝色面积 ≤3%
转场可 ≤8%，最长 500ms
禁止全屏蓝闪

PRINT / PHYSICAL

印刷与实体物料

CMYK

ICC、纸张、覆膜按供应商确定
Pantone 仅在实物打样后确认
不得从 HEX 自动换算后宣称标准值

11 / DO & DON'T

高级感来自克制，不来自更多颜色。

所有新物料在交付前都应通过下面这组对照检查。

✓正确示范

CONNECTED AI EXECUTION

One signal. One clear action.