01
设计气质 DNA
趣味扭蛋随机极简交互
数字扭蛋机
02
色彩
#000000Ink#E5E5E5Ink soft#FFFFFFBG#CCCCCCMutedrgba(0,0,0,0.1)Line用于神秘元素的极简黑白配色方案,辅以微妙的灰色
03
字体
- display
48px · 700
标题横幅使用粗体、大写、无衬线字体 · 扭蛋网格使用浅灰色大号问号
04
间距
4px8px16px24px32px48px64px96px基于一致网格的间距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
按钮和角落元素使用虚线轮廓
06
布局
1280container
10columns
16pxgutter
768 / 1024breakpoints
居中问号网格,带有滚动标题
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
滚动横幅文字 · 问号揭示
按钮交互(推断) · 扭蛋揭示机制
08
组件
- button 底部居中带虚线轮廓的矩形按钮
- card 大号问号字符组成的网格
- hero 带有横幅标题的 10x10 神秘问号网格
09
文案语气与禁用清单
- 语气 趣味、神秘
- 标题风格 粗体、大写、重复横幅
- 按钮文案 极简虚线按钮
- 避免使用复杂导航——截图显示的是极简单页界面
- 避免使用多种强调色——截图显示的是单色黑、白和灰
- 避免使用衬线字体——截图显示的是粗体无衬线标题文字
- 避免使用填充式按钮样式——截图显示的是虚线轮廓按钮
- 避免添加装饰性插图——截图显示的是纯文字排版问号网格
- 避免使用投影——截图显示的是完全扁平的表面
- 避免: 正式语言
- 避免: 复杂导航
- 避免: 多彩渐变
11
System Prompt
一个极简、趣味的交互式扭蛋游戏界面,采用鲜明的黑白配色方案,辅以微妙的灰色神秘元素。设计核心是一个大型的 10x10 浅灰色问号 (E5E5E5) 网格,代表隐藏数字,上方是黑色 (000000) 在白色 (FFFFFF) 上滚动的粗体大写横幅标题。字体使用纯粹的 grotesque-sans,标题为粗体厚重。主要交互是底部居中的虚线轮廓按钮。关键约束:不使用黑/白/灰以外的颜色,不使用衬线字体,不使用填充式按钮,不添加装饰性插图,不使用阴影,不使用复杂导航。体验专注于单一的扭蛋揭示机制。