01
设计气质 DNA
极简主义奢华小众香水工作室精致
一个高端香水精品店的数字化目录呈现。
02
色彩
#000000Ink#FFFFFFBG#999999Mutedrgba(0,0,0,0.1)Line高对比度的黑白配色,仅由摄影色调提供唯一色彩。
03
字体
- display
40px · 400 - body
14px · 400
标题使用标准字重的过渡衬线字体,呈现精致感。 · 正文与导航链接使用简洁的人文主义无衬线字体。 · 如“发现系列”等章节标题会谨慎使用大写字母。
04
间距
4px8px16px24px32px48px64px96px充裕的垂直间距营造出沉静、奢华的氛围,留有充足的呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
卡片或输入框无可见边框;采用简洁的无边框设计。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全屏首图区域,后接居中的内容列与简洁的产品网格。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
文字链接上的微妙透明度变化或下划线。 · 标准页面过渡。
08
组件
- button 极简的文字链接或非常微妙的轮廓按钮;无厚重填充。
- card 无边框产品卡片,配有充裕留白与居中摄影图。
- chip 无可见元素。
- input 无可见元素。
- hero 全屏电影式生活方式摄影,无叠加文字或行动号召按钮。
09
文案语气与禁用清单
- 语气 沉静、自信、内敛。
- 标题风格 简短、陈述性,且常使用大写。
- 按钮文案 隐式;以探索为导向,而非强推。
- 不要使用投影——截图显示的是扁平、无边框的产品卡片。
- 不要在卡片或按钮上使用圆角——截图显示的是尖锐的矩形元素。
- 不要使用明亮的强调色——截图依赖于严格的黑白及摄影色调。
- 不要在布局中堆砌徽章或标签——截图显示产品周围是干净、空旷的空间。
- 不要使用粗重的标题字体——截图使用的是精致、标准字重的衬线字体。
- 不要使用复杂的网格或瀑布流布局——截图显示的是简单、均匀的产品网格。
- 避免: 喧闹的促销语言
- 避免: 繁杂的视觉堆砌
- 避免: 明亮的强调色
11
System Prompt
这是一个具有极简、画廊般美学的高端小众香水工作室电商网站。其色调严格限定为黑色、白色及源自摄影的中性色调。字体搭配上,展示文字采用精致的过渡衬线字体,正文则使用简洁的人文主义无衬线字体。布局宽敞,留白充裕,并配有全屏首图。关键设计规则:避免在产品卡片上使用任何投影或圆角,不引入明亮的强调色,并维持其沉静、内敛的奢华感。该设计优先展示产品摄影而非界面元素,旨在营造一种沉静、高端的浏览体验。