一支香水的诞生,始于对留白的尊重。MAISON BLANC 只调制那些值得等待的气息。
Discover the collection →“真正的奢华,不在于添加,
而在于克制。” — 创始人手记 · 1923
仅采用天然精油与萃取,从不妥协于合成替代。
每一支香水须静置七十二小时,让气息沉淀归一。
由调香师亲手完成,每一瓶都独一无二。
复制下面这段 prompt(自带本风格全部配色、字体、圆角参数),粘贴给任意大模型即可。无需联网。
请用以下设计规范,生成一个前端工程。
【风格】极简奢华 minimal-luxury
【调性】黑白高端、克制、画廊感、大量留白、衬线大标题
【设计令牌 · 配色】(纯黑白灰,严禁彩色)
- 主色 #1A1A1A(近黑,主色即文字色),点缀色 #9A8C78(暖灰金,极少量)
- 背景 #FFFFFF(纯白),卡片 #FFFFFF,描边 #EDEDED(极淡)
- 正文 #1A1A1A,次级文字 #6B6B6B,弱化 #A3A3A3,禁用 #D4D4D4
【设计令牌 · 字体】
- 标题:Cormorant Garamond(优雅衬线),正文:Helvetica Neue(无衬线)
- 字重偏细 300-600,标题字距 -0.02em,全大写小标签字距 0.25em(超宽)
【设计令牌 · 形状】(硬性:禁圆角、禁阴影)
- 圆角:全部为 0(纯直角,克制)
- 阴影:全部为 none(纯净纸面)
- 描边:只用 1px 细线 #EDEDED
【设计令牌 · 间距与动效】
- 页面边距 32px,区块间距 120px(极大留白,画廊感)
- 卡片内边距 40px,极致留白
- 衬线大标题 3xl=4rem(有气势)
- 动效极慢极优雅:600ms/1200ms,缓动 cubic-bezier(0.16,1,0.3,1)(expo)
【文案语调】克制、诗意、高端
- 标题用衬线大字,2 行诗意短语(中英文皆可,如 "Not all silence is empty.")
- 全大写宽字距小标签作眉条(如 "MAISON BLANC · PARIS")
- CTA 用带下划线的小字文字链接,不用按钮(如 "Discover the collection →")
- 禁用 emoji,用留白与细线分隔
【技术要求】
- CSS 令牌驱动:tokens 写进 :root 变量,组件用 var() 引用
- 文件结构:assets/{skin}/tokens.css + assets/shared/{base,components}.css 三层分离
- 严禁圆角(border-radius:0)、严禁阴影(box-shadow:none)
- 配色严格黑白灰,不自创彩色
【模块顺序】demo-bar → hero(满屏留白居中) → philosophy(大引文) → collection(极细描边产品网格) → craft(全大写标签+衬线大数字) → finale(衬线大字+文字链接) → footer
【内容】[描述你要做的页面/业务,适合高端品牌/香水/画廊/精品酒店等]
【硬性要求】
1. 所有颜色值必须用上面给定的黑白灰,全部定义为 CSS 变量,绝不自创彩色
2. 严禁任何圆角与阴影,纯直角、纯净纸面
3. 留白极大(padding/margin 舍得用),衬线大标题用 clamp 响应式放大
4. 全大写小标签必须 letter-spacing: 0.25em + text-transform: uppercase
5. 动效必须慢(600ms/1200ms)+ expo 缓动
6. 视觉风格可参考在线 demo:https://template.qimuxu.com/demos/minimal-luxury/