OpenDesign·你的设计资产库

网页参考

Isabisabel

一款具有极简网格界面、用于生成数字的趣味交互式扭蛋游戏

ExperimentalPlayfulInteractiveGameConsumer

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

趣味扭蛋随机极简交互

数字扭蛋机

02

色彩

#000000Ink
#E5E5E5Ink soft
#FFFFFFBG
#CCCCCCMuted
rgba(0,0,0,0.1)Line

用于神秘元素的极简黑白配色方案,辅以微妙的灰色

03

字体

grotesque-sans

  • display48px · 700

标题横幅使用粗体、大写、无衬线字体 · 扭蛋网格使用浅灰色大号问号

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于一致网格的间距

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,标题为粗体厚重。主要交互是底部居中的虚线轮廓按钮。关键约束:不使用黑/白/灰以外的颜色,不使用衬线字体,不使用填充式按钮,不添加装饰性插图,不使用阴影,不使用复杂导航。体验专注于单一的扭蛋揭示机制。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。