"好看一点"为什么没用
因为它不包含任何信息。
模型收到"好看一点"时，只能回退到训练数据里的平均审美——2023 年前后那批 SaaS 落地页的平均值。这就是"AI 味"的来源：紫色渐变、玻璃拟态卡片、圆角 16px、一个巨大的居中标题。不是模型没品味，是你没给约束，它只能给平均值。
解法不是换更好的形容词，是给数值。
三层令牌，只需要给最上面两层
设计系统通常分三层：原始值（primitive）→ 语义值（semantic）→ 组件值（component）。写提示词时你只需要给前两层，第三层让模型自己推。
第一层：色板
给十六进制值，别给颜色名。"深蓝"能被解释成一百种蓝。
主色 #0F172A
强调色 #22C55E（仅用于 CTA 与成功态）
背景 #FFFFFF，次级背景 #F8FAFC
边框 #E2E8F0
正文 #334155，弱化文字 #64748B
关键在于同时说明"用在哪"。 只给色值不给用途，模型会把强调色撒得到处都是。
第二层：字体与字阶
字体：Inter（标题 700，正文 400）
字阶：h1 48/1.1，h2 32/1.2，h3 24/1.3，正文 16/1.7，辅助文字 14/1.6
移动端：h1 降到 32，其余按比例缩
48/1.1 是"字号/行高"的紧凑写法，模型能正确理解。行高比字号更影响观感——大多数"AI 味"页面的正文行高是 1.4，太挤了。
第三层：间距与圆角
间距基数 4px，只使用 4 的倍数
区块上下留白：桌面 96px，移动 56px
卡片内边距 24px
圆角：卡片 12px，按钮 8px，输入框 8px
阴影：只用一档，0 1px 3px rgba(0,0,0,.08)
"只用一档阴影"这种约束特别有效。 AI 默认会给每个卡片配不同的阴影强度，页面立刻显得杂乱。
反例清单比正例更有用
正向描述容易被稀释，反向禁令很难被忽略：
不要：紫色/粉色渐变、玻璃拟态、霓虹发光、
圆角超过 16px、多于一种阴影强度、
正文使用衬线字体、居中的长段落正文
我们整理站内提示词时发现，加上一段"不要"清单，产出的差异比调整任何正向形容词都大。
完整片段（可直接粘贴）
设计规范：
色板：主色 #0F172A；强调色 #22C55E（仅 CTA 与成功态）；
背景 #FFFFFF / #F8FAFC；边框 #E2E8F0；正文 #334155；弱化 #64748B。
字体：Inter。h1 48/1.1，h2 32/1.2，h3 24/1.3，正文 16/1.7。
移动端 h1 降至 32。
间距：4px 基数；区块留白桌面 96 / 移动 56；卡片内边距 24。
圆角：卡片 12，按钮与输入框 8。阴影只用 0 1px 3px rgba(0,0,0,.08)。
不要：渐变紫、玻璃拟态、霓虹、圆角>16px、多档阴影、
正文衬线字体、居中长段落。
暗色模式：提供，用同一套语义令牌切换，不要单独发明配色。
一个额外好处：可复用
这段规范和"页面做什么"是解耦的。写一次，你所有页面的提示词都能复用它——这就是设计系统在提示词层面的意义。
换项目时只改色板和字体两行，其余照搬。
MotionSites 上的提示词都自带完整设计令牌，不用自己调。