01
设计气质 DNA
艺术指导多学科工作室时尚美妆奢侈品
一本高级时尚编辑杂志
02
色彩
#000000Ink#FFFFFFBG#999999Mutedrgba(0,0,0,0.1)Line严格的单色画布，让图像占据主导
03
字体
- display
64px · 400 - body
14px · 400
所有文本使用单一衬线字体 · 保持大显示文本的紧凑字距 · 文本左对齐以形成强烈的垂直轴线
04
间距
4px8px16px24px32px48px64px96px紧凑、与网格对齐的间距，优先考虑大型图像和文本块周围的空白空间
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
用于分隔内容区域的单像素实线水平分隔线
06
布局
1440container
12columns
16pxgutter
768 / 1024breakpoints
以大型图像和广阔排版为主导的全出血、非对称网格
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
图像卡片上微妙的透明度变化 · 直接导航
08
组件
- card 以图像为中心的项目卡片，下方配有极简的、左对齐的文本说明
- hero 大型排版声明，配有内联小图像，由水平分隔线分隔
09
文案语气与禁用清单
- 语气 自信、极简且高度精选
- 标题风格 大型、小写或句子首字母大写的衬线字体排版
- 按钮文案 简约、低调的文本链接带箭头（例如，→ 阅读更多）
- 不要使用粗体无衬线字体——截图显示的是优雅的过渡衬线字体
- 不要为 UI 元素添加圆角——截图显示的是锐利的方形边缘
- 不要使用多种强调色——截图依赖严格的单色调色板
- 不要用厚重的 UI 组件使布局显得杂乱——截图强调广阔的空白空间
- 不要为图像或卡片使用投影——截图使用的是扁平、干净的呈现方式
- 不要将大文本块居中对齐——截图严格使用左对齐的排版
- 避免: 夸张或热情的语言
- 避免: 复杂的视觉层次结构
- 避免: 装饰性的 UI 元素
11
System Prompt
这个网站是一家总部位于巴黎的艺术指导工作室的极简主义、高级时尚作品集。设计 DNA 依赖于严格的黑白单色调色板（#000000 墨色在 #FFFFFF 背景上），以确保色彩丰富、高饱和度的图像成为焦点。排版专门使用精致的过渡衬线字体类别，具有巨大、字距紧凑的展示标题和小巧、干净的正文文本。关键的禁忌包括：绝不使用粗体无衬线字体，绝不为容器添加圆角，绝不引入分散图像注意力的装饰性 UI 元素。布局广阔且非对称，使用全出血图像和最少的水平分隔线来创建结构，而不依赖传统的 UI 组件。