01
设计气质 DNA
加载极简深色旋转指示器系统
等待数据的系统
02
色彩
#2A2A2ABG#888888Mutedrgba(255, 255, 255, 0.1)Line深色画布上的高对比度
04
间距
4px8px16px24px32px48px64px96px居中放射状
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
无可见边框
06
布局
1920container
12columns
24pxgutter
768 / 1024breakpoints
全屏居中加载器
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
持续旋转
09
文案语气与禁用清单
- 语气 静默
- 标题风格 default
- 按钮文案 default
- 不要使用文本——截图显示完全没有文本。
- 不要使用图片——截图显示只有纯色背景。
- 不要使用导航——截图显示单一的加载状态。
- 不要使用复杂布局——截图显示单个居中元素。
- 不要使用明亮背景——截图显示深灰色背景。
- 不要使用多种颜色——截图仅显示灰度元素。
- 避免: 文本
- 避免: 图片
- 避免: 导航
11
System Prompt
这是一个极简的深色加载状态设计。背景为纯深灰色（#2A2A2A）。主要元素是一个浅灰色（#888888）的圆形旋转加载指示器，位于屏幕中央。没有可见的文本、字体排印或其他UI组件。关键注意事项：不要包含任何文本或导航；不要使用明亮或多色的背景；不要添加复杂的布局或组件。这代表了一个纯粹的系统状态，专注于等待内容加载。