01
设计气质 DNA
编辑风格极简时尚自然传承
一个精心策划的画廊或博物馆展览
02
色彩
#121110Ink#FFFDFCBGrgba(18,17,16,1)Line高对比度的极简主义，依赖黑色和米白色，让摄影提供色彩。
03
字体
- display
56px · 700 - body
13px · 400
04
间距
4px8px16px24px32px48px64px96px120px慷慨的 padding (60px 到 120px) 来划分区域，堆叠元素之间有 40px 的间隙。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极简，主要通过图像与背景之间的对比来界定。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血主视觉图像，后接分屏区域，一侧是大文本，另一侧是图像。
07
动效与交互
150msmicro
400mssmall
750msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
图像和文本区域在滚动时渐入
导航和链接上细微的颜色过渡。 · 即时响应，可能伴有细微的视觉反馈。
08
组件
- button 极简，可能基于文本或简单的几何形状。
- card 未见；布局基于区域划分。
- chip 未见。
- input 未见。
- hero 全视口沉浸式摄影，配有大型、左对齐的粗体排版。
09
文案语气与禁用清单
- 语气 极简、自信、低调。
- 标题风格 大写、粗体、字号大，常使用负 letter-spacing。
- 按钮文案 简洁且功能性强，避免使用侵略性的营销语言。
- 不要使用装饰性图案——截图显示的是大面积、干净的摄影表面。
- 不要在主要容器上使用圆角——截图显示的是尖锐、零圆角的边缘。
- 不要使用多色方案——截图显示的是单色黑/白/米白色调。
- 不要将所有主要标题居中对齐——截图显示标题采用一致的左对齐。
- 不要使用手写体或衬线字体——截图显示的是一致、干净的 grotesque sans-serif。
- 不要使用狭小、拥挤的间距——截图显示的是慷慨的 padding 和留白。
- 避免: 鲜艳的颜色
- 避免: 装饰性元素
- 避免: 复杂的渐变
10
包内真实截图
11
System Prompt
这是一个高端时尚电商网站 Our Legacy 的设计。设计严格遵循极简主义和编辑风格，依赖全出血、高质量摄影和巨大、粗壮的排版。色彩方案限于米白色 (#FFFDFC) 和近黑色 (#121110)，没有强调色。排版采用干净的 grotesque sans-serif (Neue Haas Unica)，并使用非常大的 display 字重。关键禁止事项：不要使用装饰性边框或阴影，不要使用圆角，不要使用侵略性的行动号召按钮，不要使用复杂的颜色渐变。布局使用慷慨的留白 (60-120px padding)，并遵循带有左对齐文本的刚性网格。