/impeccable colorize
Colorize
在不刺眼的前提下,为单色界面加入有策略的色彩。
什么时候用
/impeccable colorize 是“什么都是灰的”的反作用力。那些看起来像一堵米色墙的 dashboard、没有任何重点的表单、像任意一个 SaaS 模板的内容页,都适合用它。界面功能上没问题,但情绪上太平,想要一点温度,又不想掉进 AI 常见调色盘(紫粉渐变、青色霓虹、暗色发光)时,就该用 colorize。
工作方式
这个技能会先读取品牌色,如果有的话,再决定色彩该出现在哪里:
- 主操作使用品牌色最完整的表达。
- 次级强调使用柔和或染色后的变体,而不是再引入第二个满强度色。
- 中性色会向品牌色相轻微偏移,低色度染色(大约 0.005 到 0.01),单个像素几乎看不出来,但整体会更统一。
- 内容分类使用有限且有意图的强调系统,而不是彩虹。
关键点是:它使用 OKLCH,而不是 HSL。这样相同的明度步进看起来才真的相同。随着明度接近极端值,色度会自动下降。你得到的是“被认真设计过的颜色”,而不是“算出来的颜色”。
试试看
/impeccable colorize the dashboard
预期 diff:
- 品牌色从硬编码 hex 改成
—color-accent: oklch(62% 0.18 240) - 中性色以 0.007 色度向品牌色相轻微偏染
- 主按钮吃满 accent,次按钮使用 ink / mist 体系
- 图表序列使用 3 个不同色相,但保持一致明度,避免某一条线天然更抢眼
- 空状态插画获得一层很轻的 accent wash
常见陷阱
- 没有品牌色就直接跑。 Colorize 需要一个起点。如果
PRODUCT.md没写品牌色,它应该先问。不要让它从 AI 默认调色盘里盲选。 - 指望它修掉 AI 调色盘问题。 如果你现在满屏紫色渐变和青色霓虹,先用
/impeccable quieter降噪,再让 colorize 重建。 - 把它用在本来就很多颜色的界面上。 那是
/impeccable quieter的工作。Colorize 负责加,不负责减。