AIMOTION
品牌与设计系统
品牌识别

机器的精确,服务于褪色的、人性的、剧场式叙事。

三重张力,缺一不可 — 几何标志(机器 / AI)、文学感意大利斜体衬线(人 / 作者),以及褪色幕布色板(剧场)。菱形是一个光圈;其中的方形,是一块属于人的画布。一台机器,为故事取景。

01 — 标志

光圈

浅色底 · 主用
深色底 · 反白
单色 · 钢印 / 压印

净空区 ≥ 0.5× 标志高度。最小尺寸 20px。形状与官方标志完全一致。

02 — 组合规范

标志 + 字标

AIMOTION
AIMOTION Studio
AIMOTION Global
BRADBURY AIMOTION
03 — 唯一的改动

换色:琥珀 → 陶土

形状与字形分毫未动。只改字标颜色 — 原本明亮的琥珀色被压暗为站点的陶土色,让标志退入褪色幕布的世界,而不是在页面上大声喧哗。

AIMOTION
#F5A623 · 原始琥珀
对这个世界太吵
AIMOTION
#C5571F · 陶土(品牌色)
已调和 · 已采用
04 — 色彩角色

一个品牌色,其余皆角色

色板(源自 Ulla 的褪色水彩)保持不变。新的是纪律:陶土色是唯一的品牌强调色;其余全部降为功能角色,任何界面都不该有四种颜色互相打架。

品牌
陶土
文字 / 标志
底色
奶油
成功
鼠尾草绿
危险
珊瑚
警告
赭黄
信息
褪色青绿
仅链上
浮起层
发丝线
描边
05 — 字体

三种声音

Inter — 界面
制作、发行、结算。
干活的声音 — 按钮、正文、机房。
Cormorant Garamond 斜体 — 作者
JetBrains Mono — 机器
01KTJP · 9:16 · TOKEN 1,240 · v20260608
06 — 纪律

可以 · 不可以

可以
  • ✓ 每屏一个品牌强调色(陶土)+ 至多一个功能色
  • ✓ 用 ring-1 ring-line-soft,不用实线边框
  • ✓ 8px 间距 · 同心圆角 · 胶囊按钮
  • ✓ 人的声音用 Cormorant 斜体,数据用等宽
  • ✓ 褪色、蒙尘的颜色 — 让它退后
不可以
  • ✗ 公开站点上出现明亮琥珀色字标
  • ✗ 白卡片上叠紫色/靛蓝渐变(AI 味)
  • ✗ 一屏之内四个强调色互相打架
  • ✗ 随手写十六进制 text-[#3a7bd5] — 只用 token
  • ✗ 拉伸标志,或把字标改成色板之外的颜色