先认识野兽派
野兽派 1905 年在巴黎秋季沙龙亮相，因用色狂野被评论家称为野兽。马蒂斯、德兰是代表，颜色不再模仿现实，而是直接表达情绪。
颜色不必像真的：朱红配翠绿、钴蓝配橙，粗笔触平涂，情绪比写实重要。
适用场景与取舍
- 咖啡店、艺术活动与短篇品牌页：用强烈的配色识别入口和分组，不靠写实图片建立气氛。
- 情绪鲜明的海报主视觉：给定具体主体，让色彩关系比写实光影更突出。
野兽派只决定表皮，不决定版面。强烈颜色不意味着每个区块都要抢眼；强调色数量由骨架决定，文字仍需按背景检查对比度。
表皮与骨架怎样分工
野兽派在这套规则里只做表皮：提供配色、质感、母题和生图媒介，不决定网页布局与字体。单独使用时，由极简主义提供骨架；也可以在工作台另选骨架。
默认骨架：单栏，左对齐，正文宽度不超过 60 字符。标题字体 Instrument Sans，正文 Instrument Sans。这是本项目的网页设计转译，不是对原流派历史的分类。
野兽派配色与质感
互补色直接相撞：朱红 CTA 放在翠绿面板上；文字用深紫代替黑；钴蓝做轮廓线。
--bgoklch(0.94 0.05 85)--surfaceoklch(0.85 0.1 165)--inkoklch(0.22 0.06 285)--mutedoklch(0.4 0.08 285)--lineoklch(0.45 0.16 260)--accentoklch(0.55 0.22 33)--on-accentoklch(0.98 0.02 85)--accent2oklch(0.55 0.15 155)--accent3oklch(0.65 0.22 350)
质感：粗笔触色块，颜色彼此碰撞。流派原始强度 0.6；混合时取它与骨架 textureCap 中较小的值。只铺在背景，不盖住文字。
本项目调色板通过对比度校验；落到页面上仍要按实际前景与背景配对检查，不能把正文任意放在辅色上。
主视觉与生图媒介
母题：非写实的固有色（绿色的脸、红色的树）、粗轮廓线、大块平涂、互补色并置。
英文媒介描述可以作为生图提示词的一部分，再补具体画面主题；完整构图与负向词请在工作台的“生图用”标签中取得。
Fauvism oil painting, 1905, wild non-naturalistic colors, thick visible brushstrokes, simplified forms
质感只铺在页面底色；主视觉单独占位，不作为正文底图。母题与骨架冲突时，只留在主视觉插图中。
代码提示词起点
下面是场景示例。需要完整 CSS 变量、布局规则和禁忌时，请在工作台复制“写代码用”提示词，或下载 DESIGN.md。
请为一家咖啡店设计一个响应式网页。 骨架使用极简主义：单栏，左对齐，正文宽度不超过 60 字符。 标题用 Instrument Sans，正文用 Instrument Sans。 表皮使用野兽派：互补色直接相撞：朱红 CTA 放在翠绿面板上；文字用深紫代替黑；钴蓝做轮廓线。 质感只放在背景，强度不超过 0.15；使用 1 个强调色。 不要改变骨架布局，不要让质感覆盖正文；保留键盘焦点和足够的文字对比度。
哪些搭配值得试
- 包豪斯 × 野兽派
这是工作台的默认组合：几何网格提供秩序，野兽派负责颜色与主视觉。可以单独换表皮，观察布局和字体保持不变。
- 极简主义 × 野兽派
只保留一个强调色与更淡的质感，让原本浓烈的表皮变得克制；不是把调色板重新平均或加上灰色。
不要这样用
- 装饰
- 图标堆砌
- 阴影
- 写实固有色
- 灰调
- 精细光影
布局禁忌来自骨架，色彩与画面禁忌来自表皮；混合不取两套风格的平均值。