先认识装饰艺术
装饰艺术因 1925 年巴黎装饰艺术博览会得名，盛行于两次大战之间。它把机器时代的流线型和古典的对称结合在一起，常见于摩天楼、海报和远洋邮轮。
机器时代的奢华：中轴对称、阶梯层叠、放射纹和金色细线。
适用场景与取舍
- 剧场、展览和文化活动页：把标题、日期与行动入口沿中轴组织，形成海报般的第一屏。
- 精品旅宿或品牌故事页：用细线、留白与分段节奏代替通用阴影卡片。
对称不能替代信息层级。装饰线应少而有目的；细体标题和窄字形不适合承担小字号说明，正文应使用流派库中的正文字体。
布局与字体怎么落到网页上
严格中轴对称，内容居中，两侧镜像
- 所有区块居中，用双线框包住
- 标题区做成阶梯式层叠
- 用放射纹或扇形纹做分隔
- 标题全大写，字距拉宽
- 标题字体
- Poiret One · 400
- 正文字体
- Josefin Sans
- 中文回退
- "Songti SC", "Noto Serif SC", serif
- 界面形状
- 圆角 0（扇形与拱形作为图形可用）；边框 1px 金线，常用双线；阴影 无
- 动效
- 缓慢、庄重：淡入，金线逐段描出 · 480ms
装饰艺术配色与质感
深底浅字，金色只做细线、边框和 CTA，翡翠绿点缀小面积。
--bgoklch(0.17 0.02 260)--surfaceoklch(0.22 0.03 260)--inkoklch(0.93 0.03 85)--mutedoklch(0.74 0.04 85)--lineoklch(0.76 0.12 85)--accentoklch(0.78 0.13 85)--on-accentoklch(0.17 0.02 260)--accent2oklch(0.52 0.1 165)--accent3oklch(0.88 0.04 85)
质感：金属拉丝般的细竖纹。流派原始强度 0.3；混合时取它与骨架 textureCap 中较小的值。只铺在背景，不盖住文字。
本项目调色板通过对比度校验；落到页面上仍要按实际前景与背景配对检查，不能把正文任意放在辅色上。
主视觉与生图媒介
母题：扇形放射纹、阶梯金字塔轮廓、人字纹、双线边框。
英文媒介描述可以作为生图提示词的一部分，再补具体画面主题；完整构图与负向词请在工作台的“生图用”标签中取得。
Art Deco poster, 1920s gouache, metallic gold linework, streamlined geometry
质感只铺在页面底色；主视觉单独占位，不作为正文底图。母题与骨架冲突时，只留在主视觉插图中。
代码提示词起点
下面是场景示例。需要完整 CSS 变量、布局规则和禁忌时，请在工作台复制“写代码用”提示词，或下载 DESIGN.md。
请为一场小剧场演出设计一个响应式网页。 骨架使用装饰艺术：严格中轴对称，内容居中，两侧镜像。 标题用 Poiret One，正文用 Josefin Sans。 表皮使用装饰艺术：深底浅字，金色只做细线、边框和 CTA，翡翠绿点缀小面积。 质感只放在背景，强度不超过 0.3；使用 2 个强调色。 不要改变骨架布局，不要让质感覆盖正文；保留键盘焦点和足够的文字对比度。
哪些搭配值得试
- 装饰艺术 × 敦煌壁画
中轴与层叠保持装饰艺术的秩序，矿物色和壁画质感来自敦煌。母题作为插图使用，质感必须被骨架上限调淡。
- 装饰艺术 × 野兽派
保留对称版面，改用更强烈的表皮颜色；不要因为更换色彩就让元素失去中轴关系。
不要这样用
- 不对称散乱布局
- 大圆角
- 手绘笔触
- 糖果色
布局禁忌来自骨架，色彩与画面禁忌来自表皮；混合不取两套风格的平均值。