01
设计气质 DNA
极简占位符简洁实用
一个简单的“建设中”标志
02
色彩
#5CB85CAccent#333333Ink#EFEFEFBG#666666Mutedrgba(0,0,0,0)Line高对比度、实用主义调色板,完全专注于可读性。
03
字体
- display
36px · 400 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px标准块间距,为居中内容提供宽松的垂直边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
除链接的蓝色下划线外,无可见边框。
06
布局
1200container
1columns
24pxgutter
768 / 1024breakpoints
单个居中列,内容块垂直堆叠。
07
动效与交互
0msmicro
0mssmall
0msmedium
lineareasing
无
点击“登录”链接时出现标准蓝色下划线。 · 标准链接导航。
08
组件
- hero 居中布局,包含一个绿色图标、一个大标题和两行操作说明文字。
09
文案语气与禁用清单
- 语气 信息性且中立
- 标题风格 直接陈述未来意图
- 按钮文案 无样式的简单超链接
- 不要使用复杂布局——截图显示为单列居中排列的文本。
- 不要使用背景图片——截图显示为纯色、扁平的灰色背景。
- 不要使用投影——截图显示为完全扁平的表面。
- 不要为主标题使用加粗字体——截图显示为常规字重标题。
- 不要在操作说明中使用多种字号——截图显示为统一字号的说明文字。
- 不要使用装饰元素——截图仅显示一个功能性的绿色图标。
- 避免: 情感化语言
- 避免: 营销浮夸
- 避免: 视觉复杂度
11
System Prompt
这是一个标准的“即将上线”或托管占位页面,旨在实现最大可读性和零视觉干扰。它采用纯色浅灰色背景 (#EFEFEF),配以深灰色文字 (#333333),以及用于标识图标的单一高饱和度绿色 (#5CB85C)。排版采用基础的无衬线字体,使用常规字重,确保中立、实用的感觉。关键约束:不要添加投影、背景图案或复杂网格;保持严格的单列居中布局;避免除最小图标外的任何装饰元素。设计优先考虑功能和清晰度,而非美学表达。