← 品牌中心 02 / COLOR · 色彩
02 Color 色彩令牌

极简黑白,一处朱红。

黑白承载 95% 的信息。朱红是唯一的强调色,用量 ≤5%,只出现在最需要被看见的地方;暖灰用于辅助信息,墨绿仅作成功状态。所有色值以 tokens/colors.css 为单一权威源。

Ink 墨
--color-ink
#12110E
rgb 18·17·14
cmyk 0·0·0·95
Paper 米纸
--color-paper
#F7F4EC
rgb 247·244·236
cmyk 2·2·7·0
朱红 Accent
--color-accent
#C4362A
rgb 196·54·42
Grey 暖灰
--color-gray
#9A968C
rgb 154·150·140
Success 墨绿
--color-ok
#3B7A57
rgb 59·122·87
--color-muted 次文本
#403D36
--color-line 分隔线
rgba(18,17,14,.14)

墨阶 · Ink Tints

由墨到纸的中性梯度,用于层级、表格斑马纹与禁用态。中间色不承载品牌情绪。

900800700500400300200100

用色配比 · Ratio

墨与纸构成主体,灰为辅助,朱红仅作点睛。这一配比是品牌"克制"气质的量化。

Ink 60%
Paper 33%
墨 60 · 纸 33 · 灰 2 · 朱红 ≤5

规则 · Do & Don't

✓ DO
  • 朱红只用于关键行动、强调与状态点。
  • 正文与背景优先用墨 / 纸组合。
  • 取值一律引用 var(--color-*)。
✕ DON'T
  • 不要大面积铺陈朱红或用作背景块。
  • 不要引入色板外的第二强调色。
  • 不要在各处硬编码 #C4362A。