01
设计气质 DNA
极简主义高端工作室编辑性简洁
一个高端时尚作品集或一个精心策划的画廊索引。
02
色彩
#FFFFFFInk#1A1114BG#6B5A5EMutedrgba(255,255,255,0.1)Line极度克制;在深邃、暖色调的暗色背景上使用高对比度排版。
03
字体
- body
14px · 400 - label
12px · 700
所有文本均采用简洁、中性的无衬线字体。 · 标签采用粗体并略微增加字间距。 · 白色文本与深色背景之间的高对比度确保了可读性。
04
间距
4px8px16px24px32px48px64px96px列表项之间采用紧凑、有节奏的垂直间距,营造出密集但有序的结构。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;完全通过间距实现分隔。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
一个简单的单列列表,每个项目采用双列结构(标签和标题)。
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
静态截图中未见动画效果。
推测可能通过微妙的文本颜色或透明度变化来实现,虽然截图中不可见。 · 导航至项目详情页面。
09
文案语气与禁用清单
- 语气 专业、自信且含蓄。
- 标题风格 短促有力、全大写的分类标签,搭配句子式大小写的项目标题。
- 按钮文案 不适用(无可见的 CTA)。
- 不要使用明亮或霓虹色——截图显示的是白色和柔和粉灰色的单色色板。
- 不要使用衬线字体——截图显示全文使用简洁的无衬线字体。
- 不要添加投影或斜角——截图显示文本完全平铺在纯色背景上。
- 不要使用大型主图——截图显示的是纯文本列表布局。
- 不要在文本容器上使用圆角——截图显示没有容器或卡片,只有文本。
- 不要使用复杂的图标——截图仅显示文本标签和标题。
- 避免: 杂乱
- 避免: 鲜艳的色彩
- 避免: 装饰性元素
- 避免: 复杂的排版
11
System Prompt
Bravo Studio 是一个拥有超极简、暗色模式美学的高端创意作品集网站。设计依赖一个深邃的暖色调暗色背景(#1A1114),搭配清爽的白色文本(#FFFFFF)和柔和、去饱和的强调色标签(#6B5A5E)。排版完全采用 humanist-sans 字体,通过粗体、全大写的标签和常规的句子式大小写标题来强调层次结构。布局是一个简洁的单列列表,具有充裕的垂直节奏。关键禁忌:绝不要引入明亮或鲜艳的颜色,绝不要使用衬线字体,也绝不要在主列表视图中添加阴影、图标或图像等复杂的视觉元素。