01
设计气质 DNA
占位符预告等待
极简数字等候室
02
色彩
#FFFFFFInk#E6E6FAInk soft#6A5ACDBG#4B0082Mutedrgba(255, 255, 255, 0.2)Line高度克制的单色紫色调色板,搭配白色文字形成高对比度。
03
字体
- display
48px · 700
所有文本均为大写,次要元素采用加宽字间距。
04
间距
4px8px16px24px32px48px64px96px标题、副标题与按钮之间的简约垂直间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
纤细的半透明白色边框定义“即将推出!”按钮。
06
布局
12columns
24pxgutter
768 / 1024breakpoints
全出血背景上的简约垂直堆叠左对齐内容块。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
静态截图中无可见悬停状态。 · 静态截图中无可见点击状态。
08
组件
- button 透明胶囊形按钮,带有纤细白色边框和大写文本。
- hero 全视口首屏区域,包含居中标题、副标题和行动号召按钮。
09
文案语气与禁用清单
- 语气 简约直接
- 标题风格 纯文本,小写
- 按钮文案 大写,加宽字间距
- 不要使用多色调色板——截图显示为严格的单色紫色方案。
- 不要使用装饰性衬线字体——截图使用简洁的几何无衬线字体。
- 不要添加厚重的投影或发光效果——截图采用扁平化设计,仅使用微妙的几何线条图案。
- 不要将所有文本居中对齐——截图显示主内容左对齐。
- 不要使用实心矩形按钮——截图显示带有纤细边框的胶囊形按钮。
- 不要包含复杂导航或多个区块——截图显示为单一、专注的行动号召页面。
- 避免: 复杂语言
- 避免: 视觉杂乱
- 避免: 多重行动号召
11
System Prompt
这是一个极简单页预告网站,旨在宣传即将上线的服务。采用以特定紫色调(#6A5ACD)为主的单色配色方案,搭配白色文字(#FFFFFF)形成强烈对比。字体为简洁的几何怪诞无衬线字体类别,主文本使用小写,次要元素(如按钮和顶部标签)采用大写并加宽字间距。关键设计元素包括:带有微妙交叉几何线条的全视口背景,以及包含标题、副标题和带纤细白色边框胶囊形按钮的显著左对齐内容块。关键禁忌:不引入额外颜色,不使用装饰性或衬线字体,不添加复杂阴影或3D效果,不将主文本块居中对齐,不在界面中堆砌导航或额外内容。