01
设计气质 DNA
奢华极简主义北欧风格香氛高端
专注于嗅觉作品的高端艺术画廊
02
色彩
#000000Ink#ffffffBG#f5f5f5BG soft#767676Mutedrgba(229, 231, 235, 1)Line严格单色排版，确保彩色产品图像成为焦点
03
字体
- display
120px · 400 - h1
28px · 400 - body
14px · 400 - caption
10px · 400
04
间距
4px8px12px16px24px28px48px64px96px页脚列中留有充足的垂直间距；卡片和交互区域保持一致的28px内边距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 6px
lg · 20px
pill · 9999px
1px solid rgba(229, 231, 235, 1)
rgba(0,0,0,0) 0 0 0 0 · rgb(128,128,128) 0 0 5px 0
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血图像叠加层；严格结构化的多列页脚网格
07
动效与交互
220msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
用于不透明度和变换交互的微妙300ms淡入淡出 · 交互元素上的颜色和填充过渡
颜色和不透明度变化，带有300ms cubic-bezier过渡 · 立即的视觉响应，随后是状态变化
08
组件
- button 极简的轮廓或基于文本的操作，带有微妙的hover过渡
- card 简洁的白色卡片，带有最小边框圆角，用于产品详情
- chip 药丸状状态指示器，带有圆角边框
- input 极简的下划线文本字段，留有充足空白
- hero 沉浸式全视口摄影，带有纯白色叠加排版
09
文案语气与禁用清单
- 语气 权威、内敛、奢华聚焦
- 标题风格 简短、有力，通常为大写
- 按钮文案 微妙、基于文本、完全不引人注目
- 不要使用鲜艳的强调色——截图显示严格的单色调色板
- 不要应用厚重的投影——截图显示主要为平面表面或微妙的灰色阴影
- 不要使用高度装饰性的衬线字体——截图显示几何无衬线和自定义模板字体
- 不要用多个竞争元素使界面显得杂乱——截图显示单一的主导焦点
- 不要使用圆角卡片（大圆角）——截图显示交互元素上的小圆角（4px-6px）
- 不要使用粗体字重——截图显示所有文本元素均匀使用400字重
- 避免: 过多的感叹号
- 避免: 喧闹或促销性的语言
- 避免: 装饰性边框或花边
10
包内真实截图
11
System Prompt
设计一个高端、极简主义的奢华电子商务界面，优先考虑编辑摄影而非UI元素。使用严格的单色方案，白色（#ffffff）背景，深黑色（#000000）排版，以及微妙的灰色（#767676、#f5f5f5）用于次要元素；不要引入任何鲜艳的强调色。使用几何无衬线字体作为正文，自定义模板无衬线字体用于粗体标识，保持统一的400字重。关键约束：绝不使用厚重的投影，避免大的边框圆角值，并确保UI退居次位，让产品图像占据全部注意力。排版应广泛使用字间距（0.35px）且主要为大写，以强化奢华定位。