先认识敦煌壁画

敦煌莫高窟的壁画从 4 世纪一直画到 14 世纪。矿物颜料画在泥壁上,历经千年,部分颜料变色、壁面风化,留下斑驳的飞天、藻井和佛传故事。

土红、石青、石绿和赭黄,墙面斑驳褪色;飞天的飘带和藻井的莲花。

适用场景与取舍

  • 文化展览与专题页:以矿物色和单张壁画风格主视觉表达主题,信息区保持稳定。
  • 文创活动与图像创作:明确画面主体,把飘带、莲花等母题用于插图,而非正文背景。

AI 图像只是风格示意,不应当作真实壁画或文物资料。斑驳质感不能覆盖文字,复杂母题也不能承担导航、按钮或图标的辨识任务。

表皮与骨架怎样分工

敦煌壁画在这套规则里只做表皮:提供配色、质感、母题和生图媒介,不决定网页布局与字体。单独使用时,由极简主义提供骨架;也可以在工作台另选骨架。

默认骨架:单栏,左对齐,正文宽度不超过 60 字符。标题字体 Instrument Sans,正文 Instrument Sans。这是本项目的网页设计转译,不是对原流派历史的分类。

敦煌壁画配色与质感

赭黄墙面做底,土红做主色和 CTA,石青、石绿成对出现在纹样和次级面板上;所有颜色都带一点褪色感。

  • --bgoklch(0.86 0.04 65)
  • --surfaceoklch(0.8 0.05 60)
  • --inkoklch(0.22 0.04 40)
  • --mutedoklch(0.38 0.05 40)
  • --lineoklch(0.45 0.1 35)
  • --accentoklch(0.46 0.13 35)
  • --on-accentoklch(0.95 0.02 75)
  • --accent2oklch(0.5 0.08 230)
  • --accent3oklch(0.62 0.08 170)

质感:壁画墙面的斑驳色块和颗粒。流派原始强度 0.55;混合时取它与骨架 textureCap 中较小的值。只铺在背景,不盖住文字。

本项目调色板通过对比度校验;落到页面上仍要按实际前景与背景配对检查,不能把正文任意放在辅色上。

主视觉与生图媒介

母题:飞天飘带、藻井莲花、火焰纹背光、千佛排列。

英文媒介描述可以作为生图提示词的一部分,再补具体画面主题;完整构图与负向词请在工作台的“生图用”标签中取得。

Dunhuang Mogao cave mural, mineral pigments on plaster, faded earth red and azurite, Tang dynasty

质感只铺在页面底色;主视觉单独占位,不作为正文底图。母题与骨架冲突时,只留在主视觉插图中。

代码提示词起点

下面是场景示例。需要完整 CSS 变量、布局规则和禁忌时,请在工作台复制“写代码用”提示词,或下载 DESIGN.md。

请为一个文化展览设计一个响应式网页。
骨架使用极简主义:单栏,左对齐,正文宽度不超过 60 字符。
标题用 Instrument Sans,正文用 Instrument Sans。
表皮使用敦煌壁画:赭黄墙面做底,土红做主色和 CTA,石青、石绿成对出现在纹样和次级面板上;所有颜色都带一点褪色感。
质感只放在背景,强度不超过 0.15;使用 1 个强调色。
不要改变骨架布局,不要让质感覆盖正文;保留键盘焦点和足够的文字对比度。

哪些搭配值得试

不要这样用

  • 装饰
  • 图标堆砌
  • 阴影
  • 荧光色
  • 纯白底
  • 干净无瑕的平面

布局禁忌来自骨架,色彩与画面禁忌来自表皮;混合不取两套风格的平均值。

接下来

使用教程:把风格交给 Claude Code、Cursor 或 v0,也可以安装整套 Agent 技能。

流派简介和设计参数来自本项目流派库;场景与搭配是设计建议,混合方式以混合规则为准。