01
设计气质 DNA
极简主义暗色设计机构后期制作
演出开始前的黑暗剧场银幕。
02
色彩
#a0a0a0Ink#1a1a1aBGrgba(255,255,255,0.1)Line使用单色暗色色板搭配单一的低对比度文字颜色,进行极致克制。
03
字体
- display
18px · 400
使用高度易读的 grotesque-sans 字体,字重适中。 · 字距略微放宽,以在深色背景上保持清晰度。
04
间距
4px8px16px24px32px48px64px96px充足的留白主导整个视口。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全视口深色背景上的绝对居中文字。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
初始文字状态采用微妙的淡入效果。
08
组件
- hero 一个全屏的黑暗空洞,中央只有一行低对比度的文字。
09
文案语气与禁用清单
- 语气 神秘、自信且富有电影感。
- 标题风格 含蓄而极简,完全依赖居中和负空间。
- 按钮文案 default
- 不要使用明亮或饱和的颜色——截图显示的是纯粹的暗色单色色板。
- 不要添加复杂的 UI 元素——截图只显示单行居中文字。
- 不要使用高对比度文字——截图显示的文字是柔和的,并融入深色背景。
- 不要创建带有多个区域的繁忙布局——截图显示的是一个完全空旷、聚焦单一的视口。
- 不要使用装饰性边框或厚重的阴影——截图显示的是完全扁平、满幅的深色表面。
- 不要使用传统的衬线或装饰性字体——截图显示的是干净、中性的无衬线字体风格。
- 避免: 避免使用亮色或高对比度。
- 避免: 避免多个元素争夺注意力。
- 避免: 避免传统的导航模式。
11
System Prompt
此设计代表了为创意工作室设计的极简暗色模式 UI 的巅峰。它使用近乎黑色的单色背景 (#1a1a1a) 和单一的柔和文字颜色 (#a0a0a0)。字体是一种中性、易读的 grotesque-sans,保持小字号并居中,以强调广阔的负空间。关键约束:永远不要使用明亮或高对比度的颜色;不要添加任何复杂的 UI 组件、导航或装饰元素;将所有焦点集中在单一、含蓄的文字上。布局以其空旷感和绝对居中对齐为定义,营造出一种充满期待的电影感氛围。