01
设计气质 DNA
奢华美妆编辑摄影包容性精致产品聚焦
精心策展的美妆摄影画廊
02
色彩
#00091BInk#E0D2D1Ink soft#FAF6F5BG#FFFDFBBG soft#F2EDE7BG quietrgba(0,9,27,0.1)Line温暖的肤色系中性色调板，让摄影主导视觉。
03
字体
- display
48px · 400 - heading
30px · 400 - body
16px · 400 - caption
13px · 400
导航与界面元素采用全大写 · 展示字体使用紧凑字间距 · 大写界面文字使用宽松字间距
04
间距
4px8px16px24px32px48px64px96px版块间保持充裕的垂直间距
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用柔和中性色调的 1px 实线边框
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血主视觉图像后接网格版块
07
动效与交互
220msmicro
400mssmall
600msmedium
cubic-bezier(0.39, 0.575, 0.565, 1)easing
淡入 · 上滑
透明度变化与微妙色彩偏移 · 即时状态切换配合平滑过渡
08
组件
- button 极简描边按钮搭配大写文本
- card 无可见卡片边框，依靠留白与图像构建层次
- chip 简约描边圆角标签
- input 下划线式输入框，极简样式
- hero 分屏摄影主视觉配透明导航覆盖层
09
文案语气与禁用清单
- 语气 自信、包容且精致
- 标题风格 优雅风格，常使用 didone 衬线展示字体
- 按钮文案 极简、大写，常采用描边或纯文本样式
- 勿使用高饱和度强调色——截图显示为柔和的中性色调板。
- 勿使用厚重投影或 3D 效果——截图呈现扁平洁净的表面。
- 勿为卡片或按钮使用圆角——截图显示为锐利整洁的边缘。
- 勿使用小写文本作为导航——截图显示为大写界面元素。
- 勿为正文使用粗体字重——截图显示为统一的 400 字重。
- 勿使用繁复背景图案——截图显示为纯净柔和的中性色背景。
- 避免: 高饱和度色彩
- 避免: 装饰性界面元素
- 避免: 拥挤布局
10
包内真实截图
11
System Prompt
由高冲击力摄影与优雅衬线字体驱动的高端美妆电商平台。品牌标识由温暖的肤色系中性色调板（背景 #FAF6F5，墨色 #00091B）定义，让图像占据主导。字体采用 didone 衬线展示字体（GlossyDisplayWeb）与几何无衬线正文字体（BeausiteWeb），均使用宽松的大写字间距。关键禁忌：勿使用亮色强调色，勿添加厚重投影，勿为界面元素使用圆角。保持纯净的编辑美学，极简界面框架与充裕留白以突显产品摄影。