01
设计气质 DNA
实验性动态前卫数字
赛博朋克电影中故障动画的标题卡。
02
色彩
#FFFFFFInk#000000BG#4A4A4AMutedrgba(255,255,255,0.1)Line高对比度调色板，纯黑背景搭配白色文字，辅以动态红色光效点缀。
03
字体
- display
96px · 700 - body
14px · 400
展示型排版需高度扭曲并动态化 · 正文排版需保持极简与功能性
04
间距
4px8px16px24px32px48px64px96px宽松
05
表面 (圆角 / 阴影 / 边线)
sm · 20px
md · 24px
lg · 24px
pill · 999px
无
0 0 20px rgba(255,0,0,0.5)
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
居中单栏布局，完全聚焦中央动画
07
动效与交互
200msmicro
500mssmall
1000msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
排版持续波形扭曲 · 故障特效 · 动态红色光扫
红色光效增强
08
组件
- button 胶囊形“跳过”按钮，深色半透明背景搭配白色文字
- hero 全屏黑色背景，中央动态排版，底部配有小型跳过按钮
09
文案语气与禁用清单
- 语气 大胆且实验性
- 标题风格 表现力强且扭曲
- 按钮文案 极简且不显眼
- 避免使用静态文字——截图显示持续扭曲的动态排版
- 避免使用浅色背景——截图显示纯黑背景
- 避免使用衬线字体——截图显示粗体表现型无衬线风格
- 避免使用微妙动画——截图呈现激进扭曲与故障特效
- 避免使用复杂布局——截图显示空白画布上的单一聚焦元素
- 避免使用柔和色调——截图呈现高对比度黑底白字搭配亮红色点缀
- 避免: 静态内容
- 避免: 传统布局
- 避免: 微妙动画
- 避免: 浅色背景
- 避免: 衬线排版
11
System Prompt
这是一场由极端排版扭曲与动态运动定义的实验性数字体验。设计采用高对比度调色板，纯黑(#000000)背景搭配白色(#FFFFFF)文字，辅以动态红色光效点缀。排版极具表现力且高度扭曲，展示型字体归类为“表现型”，界面元素如“跳过”按钮则使用简洁的humanist-sans无衬线字体。布局居中且极简，完全聚焦动态排版。关键禁忌：务必避免静态内容，绝不使用浅色背景，绝不使用衬线字体，避免微妙动画而采用激进效果，绝不使用复杂布局，避免柔和色调。系统设计需大胆、前卫且具备数字原生特性。