主题与样式指南

每个项目都有一个主题：一组关于颜色、字体、圆角和间距的设计令牌。页面引用的是这些令牌，而不是写死的数值 — 这正是二十个页面看起来仍像同一个产品的原因。

改几个颜色#

直接说：

把主色改成 #1B4DFF。 背景太冷了 — 调暖一点。

这会把一处小改动合并进现有主题，其余原样不动。免费，而且一次性作用于所有地方。

换一整套观感#

如果是整体性的改动 — 改版、切换深色、换新品牌 — 那就明确这么说：

把整个项目改成深色主题。 按我们的新品牌重做：主色深绿，米色背景，标题用衬线体。

这会构建一整套新的令牌，而不是在旧的上面打补丁。

限定改动范围#

默认情况下，主题改动是项目级的。要限定在单个页面上，就说出来：

只在落地页上，把页头背景改成黑色。

对比度是强制的#

主题在应用之前会校验配色搭配是否可读，所以你不至于得到深色背景上的深色文字。如果你就是要做低对比度的处理，说清楚 — 但要预料到系统会往易读的方向拉一把。

生成样式指南#

要一份样式指南，你会得到一个渲染出来的页面，展示调色板、字号阶梯和核心组件 — 既可以作为交接物，也可以用来检查这套体系是否自洽。

常见错误#

• 在单个页面上改颜色。 当下是好使的，然后下一个生成的页面就对不上了。请用主题。
• 在某个元素的编辑模式里要求“深色模式”。 那条路径可能把颜色写死在元素上，而不是重新调整主题。请在对话里、以项目级别提出。
• 以为主题工具报告成功就等于渲染出来了。 看画布。如果页面没动，见我的样式指南没生效。