01
设计气质 DNA
编辑感时尚格调精选极简
高端时尚杂志的数字店面
02
色彩
#000000Ink#FFFFFFBGrgba(0,0,0,0.1)Line严格的单色基底，让摄影本身提供所有色彩
03
字体
- display
64px · 400 - heading
20px · 400 - body
18px · 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
导航上的微妙hover状态 · 平滑的图像过渡
导航链接上的微妙透明度变化 · 直接导航至产品页面
08
组件
- button 带大写文字的描边矩形
- card 基于图像的极简边框产品卡片
- input 极简搜索界面
- hero 带有叠加排版的大型摄影主视觉
09
文案语气与禁用清单
- 语气 自信、有格调、毫不费力
- 标题风格 作为图形声明的大型加粗衬线字体
- 按钮文案 低调的、带清晰操作文字的描边按钮
- 不要使用彩色渐变——截图显示的是严格的黑白配色
- 不要添加装饰性边框——截图显示的是干净、无边框的设计
- 不要到处使用圆角——截图显示的是利落的边角和最小化的半径
- 不要创建密集、杂乱的布局——截图显示的是充裕的留白
- 不要使用俏皮、随意的排版——截图显示的是精致的衬线字体
- 不要添加阴影效果——截图显示的是扁平、干净的表面
- 避免: 艳丽的色彩
- 避免: 复杂的图案
- 避免: 装饰性元素
11
System Prompt
定位为具有强烈视觉识别的高端编辑风时尚电商。关键色彩：纯白背景（#FFFFFF）和黑色文字（#000000），形成高对比度。排版在展示和正文中均使用过渡衬线类别字体。关键禁忌：避免彩色元素，避免圆角，避免杂乱布局。专注于以最小化UI界面呈现的摄影叙事。