01
设计气质 DNA
奢华时尚前卫编辑式
一场在画廊环境中呈现的高级时装秀。
02
色彩
#000000Ink#ffffffBG#808080Mutedrgba(0,0,0,0.1)Line高对比度的单色配色,采用深邃的电影黑与纯白,让图像占据主导。
03
字体
- display
48px · 400
04
间距
4px8px16px24px32px48px64px96px最小的内边距,cookie 弹窗周围留有充足的留白。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
主容器无可见边框,cookie 弹窗框除外。
0 4px 24px rgba(0,0,0,0.1)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血摄影主图,叠加居中的弹窗与顶部导航栏。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
导航与文本链接上的微妙颜色变化或下划线。 · 标准的导航行为。
08
组件
- button 一个纯黑色、直角的矩形主按钮(“全部接受”)。
- card 全宽摄影卡片或全视口区块。
- input 带下划线的文本链接,无可见输入框。
- hero 一张大型、占据全视口的电影感摄影图,主导整个屏幕。
09
文案语气与禁用清单
- 语气 正式、独有且精致。
- 标题风格 衬线体,优雅而低调。
- 按钮文案 直接且单色。
- 避免使用圆角——截图显示 cookie 弹窗和按钮均为尖锐的方形边缘。
- 避免使用明亮、多彩的强调色板——截图显示的是单色、高对比度的黑白主题。
- 避免使用无衬线字体——截图显示标志和弹窗文字使用的是优雅的过渡衬线字体。
- 避免使用厚重的投影——截图显示的是扁平、干净的设计,仅有细微的弹窗阴影。
- 避免使用俏皮或装饰性插图——截图完全依赖高级时装摄影。
- 避免使用杂乱的布局——截图显示的是全出血图片搭配一个聚焦、居中的弹窗。
- 避免: 俏皮的语调
- 避免: 圆角
- 避免: 明亮的主色调
11
System Prompt
这是一个具有黑暗、电影感和编辑式美学的奢华时尚电商网站。主要色彩是纯黑 (#000000) 与纯白 (#ffffff),搭配柔和的灰色,形成高对比度的单色色板。字体主要为过渡衬线体,营造出经典优雅的感觉。关键组件包括全出血的摄影主图、极简的顶部导航栏,以及一个居中、直角的 cookie 同意弹窗。关键设计约束包括:避免圆角(UI 完全为尖锐边缘)、避免明亮的强调色(色板严格为单色),以及避免无衬线字体(设计依赖经典衬线体)。整体感觉是独家、精致,并由高质量摄影驱动。