先认识浮世绘
浮世绘是日本江户时代的风俗画，以木版画最为人熟知，描绘市井生活、歌舞伎和风景。葛饰北斋的《神奈川冲浪里》用普鲁士蓝印出巨浪，后来影响了欧洲印象派。
木版套色：平涂色块、细黑轮廓线、普鲁士蓝与朱红，天空和海面带单色晕染。
适用场景与取舍
- 旅行、书店与文化主题页面：用风景插图建立气氛，把正文放在干净的色面上。
- 海报与活动主视觉：以平涂、轮廓线和有限色彩表达主题，再补具体构图要求。
浮世绘在这里不提供网页网格。不要把整页内容压在巨浪图片上，也不要让每个按钮都变成装饰图案；需要精确文字时，应在生成图片之后排字。
表皮与骨架怎样分工
浮世绘在这套规则里只做表皮：提供配色、质感、母题和生图媒介，不决定网页布局与字体。单独使用时，由极简主义提供骨架；也可以在工作台另选骨架。
默认骨架：单栏，左对齐，正文宽度不超过 60 字符。标题字体 Instrument Sans，正文 Instrument Sans。这是本项目的网页设计转译，不是对原流派历史的分类。
浮世绘配色与质感
普鲁士蓝做主色面和 CTA，朱红只做印章式小块，赭黄做次级面板。
--bgoklch(0.93 0.03 85)--surfaceoklch(0.89 0.035 80)--inkoklch(0.22 0.04 255)--mutedoklch(0.42 0.04 250)--lineoklch(0.3 0.04 255)--accentoklch(0.42 0.11 245)--on-accentoklch(0.96 0.02 85)--accent2oklch(0.6 0.18 35)--accent3oklch(0.74 0.11 75)
质感：和纸纤维纹，带木版压印感。流派原始强度 0.5；混合时取它与骨架 textureCap 中较小的值。只铺在背景，不盖住文字。
本项目调色板通过对比度校验；落到页面上仍要按实际前景与背景配对检查，不能把正文任意放在辅色上。
主视觉与生图媒介
母题：巨浪、霞形云带、松枝、题签框。
英文媒介描述可以作为生图提示词的一部分，再补具体画面主题；完整构图与负向词请在工作台的“生图用”标签中取得。
ukiyo-e woodblock print, Edo period, flat color areas, fine black keylines, bokashi gradation, washi paper
质感只铺在页面底色；主视觉单独占位，不作为正文底图。母题与骨架冲突时，只留在主视觉插图中。
代码提示词起点
下面是场景示例。需要完整 CSS 变量、布局规则和禁忌时，请在工作台复制“写代码用”提示词，或下载 DESIGN.md。
请为一家旅行主题书店设计一个响应式网页。 骨架使用极简主义：单栏，左对齐，正文宽度不超过 60 字符。 标题用 Instrument Sans，正文用 Instrument Sans。 表皮使用浮世绘：普鲁士蓝做主色面和 CTA，朱红只做印章式小块，赭黄做次级面板。 质感只放在背景，强度不超过 0.15；使用 1 个强调色。 不要改变骨架布局，不要让质感覆盖正文；保留键盘焦点和足够的文字对比度。
哪些搭配值得试
- 极简主义 × 浮世绘
用极简主义的留白和单一焦点容纳一张主视觉；减少强调色和质感强度，把复杂性留给图像。
- 包豪斯 × 浮世绘
用模块网格安排活动和图书信息，表皮提供木版画的颜色与主视觉。图像不改变模块的结构。
不要这样用
- 装饰
- 图标堆砌
- 阴影
- 写实光影
- 霓虹色
- 3D 效果
- 大面积渐变（只允许天空或海面的单色晕染）
布局禁忌来自骨架，色彩与画面禁忌来自表皮；混合不取两套风格的平均值。