OpenDesign·你的设计资产库

网页参考

Dub Sh

一个极简的浏览器验证屏幕,包含加载指示器和一行状态文本。

SaaSCleanRestraintTooling

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

01

设计气质 DNA

安全验证检查点极简功能性

一个无菌的、功能性的安全检查点屏幕。

02

色彩

#000000Ink
#FFFFFFBG
#888888Muted

严格的单色功能性配色方案,高对比度以确保最大可读性。

03

字体

grotesque-sans · monospace

  • body16px · 400
  • caption12px · 400

使用系统字体以实现最大兼容性和速度。

04

间距

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

严格居中,配合充裕的垂直内边距以聚焦注意力。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

无

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

垂直和水平居中的内容,带有固定页脚。

07

动效与交互

220msmicro
400mssmall
800msmedium
lineareasing

无限旋转加载指示器

09

文案语气与禁用清单

  • 语气 中性、技术性且非个人化。
  • 标题风格 简洁、陈述性的状态更新。
  • 按钮文案 default
  • 不要使用背景图像或纹理——截图显示纯白背景。
  • 不要使用多种字体系列——截图仅显示一种无衬线字体和一种等宽字体。
  • 不要使用投影或立体效果——截图显示完全扁平化的元素。
  • 不要使用装饰性边框或轮廓——截图显示无可见边框。
  • 不要使用复杂的多列布局——截图显示单一居中列。
  • 不要使用主要操作按钮——截图显示无交互式按钮。
  • 避免: 营销语言
  • 避免: 推广元素
  • 避免: 情感诉求

11

System Prompt

这是一个极简的安全检查点屏幕。设计依赖于严格的单色配色方案,白色背景(#FFFFFF)和黑色文本(#000000),使用标准的系统UI无衬线字体。布局严格居中,包含一个简单的旋转加载指示器和一行状态文本。关键约束:不使用装饰性元素、阴影或复杂布局;保持高对比度;确保排版纯粹是功能性的、基于系统的。避免任何营销语言或视觉修饰。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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