01
设计气质 DNA
实验性单色原始电影感数字构件
一盘故障的 VHS 录像带或粗野主义数字展览的入口
02
色彩
#FFFFFFInk#000000BG#767676Mutedrgba(118, 118, 118, 1)Line绝对的二元对比；仅限纯黑与纯白。
03
字体
- display
200px · 400 - body
18px · 400 - caption
12px · 400
所有文本严格大写 · 所有元素均使用等宽字体族
04
间距
4px8px16px24px32px48px64px96px以 4px 为基准，交互元素采用宽松的内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
交互元素采用严格的 2px 实线边框，无 border-radius。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全屏黑色画布配以居中内容，强调醒目的白色元素。
07
动效与交互
150msmicro
300mssmall
800msmedium
lineareasing
故障闪烁 · 色彩偏移 · 数字构件化
反转颜色或触发数字故障特效。 · 触发微交互或故障过渡效果。
08
组件
- button 大写等宽文本，配有 2px 实线白色边框与 2px 内边距。
- card 极简内容区块，采用严格边框，无圆角。
- chip 小型、大写等宽标签，配有 2px 实线边框。
- input 极简文本输入框，配有 2px 实线白色边框与黑色背景。
- hero 一个巨大、居中的故障等宽字符（例如 'II'），置于黑色背景上。
09
文案语气与禁用清单
- 语气 原始、档案感、实验性、不妥协
- 标题风格 冷峻、等宽，且常带有故障或扭曲效果。
- 按钮文案 大写等宽文本，常带有 2px 边框。
- 不要使用柔和的阴影——截图显示的是纯平、无边框元素。
- 不要使用圆角——截图显示的是严格的矩形形状。
- 不要使用多种颜色——截图显示的是严格的黑白调色板。
- 不要使用无衬线字体——截图显示的是完全的等宽排版。
- 不要使用小写文本——截图显示的所有文本均为大写。
- 不要使用复杂的渐变——截图显示的是纯色的黑白填充。
- 避免: 精致的渐变
- 避免: 圆角
- 避免: 暖色调
- 避免: 友好的插图
10
包内真实截图
11
System Prompt
为粗野主义、实验性的数字档案或作品集进行设计。使用严格的黑白调色板，不使用强调色。排版必须是等宽字体且大写。布局应冷峻且全屏。避免所有常见的 UI 装饰，如圆角、阴影或渐变。专注于原始、数字化和档案美学，并融入故障或扭曲元素。本系统使用黑色背景（#000000）和白色前景（#FFFFFF）。排版完全使用等宽字体。关键约束：无 border-radius，无阴影，无小写文本，无多色调色板。整体感觉应类似 VHS 录像带或复古终端界面。