Brand identity / Color system

Less color.More signal.

Reality-AI 以黑白建立专业、秩序与可信度;只用一束冷蓝标记系统正在运行、节点已经连接、结果得到验证。

领导审阅版适用于官网 / UI / 视频V1.0 · 2026.09
01 / COLOR IDEA

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

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

01

黑白构成品牌骨架

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

≤3%

蓝色保持稀缺

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

一个区域一个重点

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

02 / CORE PALETTE

一套六角色色卡,覆盖所有基础界面。

色值必须直接调用标准 token,不凭感觉取近似色。灰阶负责信息层级,冷蓝只承担品牌信号。

CANVAS WHITE主背景 / 留白
#FFFFFF
REALITY INK主文字 / 主按钮 / 深色区
#18181B
SIGNAL BLUE运行 / 连接 / 已验证
#315EAE
QUIET GRAY说明 / 次级信息
#71717A
SOFT SURFACE卡片 / 弱层级背景
#F4F4F5
STRUCTURE LINE边框 / 分割线
#E4E4E7
03 / COLOR DOSAGE

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

大面积使用白色和灰阶,让信息有呼吸;近黑负责形成清晰锚点;蓝色只在关键时刻出现。

WHITE / SOFT · 78%
INK · 19%
3%

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

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

≤3% 蓝色信号Logo 信号块、Live 状态、连接节点和 Verified 结果。

04 / CONTRAST

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

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

LIGHT MODE / PRIMARY

Build an AI system that actually works.

在明亮背景中,主行动由 Reality Ink 承担,次按钮只用白底和结构线。

开始构建 AI 系统查看执行方式 →
DARK MODE / INVERSE

From decision to verified result.

深色区域只用于重点收束。反向按钮必须白底黑字,保持品牌一致性。

预约一次讨论查看案例 →
05 / LOGO COLOR

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

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

REALITY-AI

首选 · 白色背景

REALITY-AI

反向 · 近黑背景

图标 · 浅灰界面

06 / 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蓝色 = 运行状态
页面演示视频蓝色 = 关键帧信号
07 / SIGNAL SEMANTICS

蓝色只有在“系统语义”成立时才能出现。

颜色角色必须稳定。用户看到蓝色时,应自然理解为系统正在工作,而不是单纯的视觉装饰。

运行中

Agent、任务或工作流正在执行。

LIVE / RUNNING

已连接

系统、模型或数据源连接成功。

CONNECTED

已验证

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

✓ RESULT VERIFIED

普通信息

没有系统状态含义时,坚持使用黑白灰。

INFORMATION
08 / DO & DON'T

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

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

正确示范

VERIFIED AI EXECUTION

One signal. One clear action.

开始构建了解更多
  • 以黑白和留白建立主要层级
  • 每个区域只有一个明确主行动
  • 蓝色只用于运行、连接与验证
×禁止示范

Everything is highlighted.

立即开始了解更多
  • 不使用蓝紫渐变主背景或渐变标题
  • 不恢复高亮荧光绿或并列多种强调色
  • 不把 Signal Blue 当作普通装饰色