OpenDesign·你的设计资产库

网页参考

Preuve

一个用于访问法律和验证服务的极简界面。

SaaSFintechCleanCalmRefined

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

01

设计气质 DNA

法律验证文件企业极简

一个用于法律和身份文件的数字文件柜。

02

色彩

#FFFFFFInk
#0D1121BG
#151A30BG soft
#6B7280Muted
rgba(128, 128, 128, 0.3)Line

高对比度深色模式,克制地使用色彩。

03

字体

humanist-sans

  • display48px · 700
  • h124px · 600
  • body14px · 400

04

间距

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

一致的垂直节奏,卡片元素中采用宽裕的 padding。

05

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

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

1px solid rgba(128, 128, 128, 0.3)

0 4px 6px rgba(0,0,0,0.1)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中的单列布局,深色背景。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

背景色或边框的微妙变化。 · 带有视觉反馈的即时响应。

08

组件

  • button 宽大的圆角矩形,大写文本和一个 chevron 图标。
  • card 深灰色背景,带细边框和圆角。
  • hero 极简 hero 区域,网站名称居中位于顶部。

09

文案语气与禁用清单

  • 语气 专业且权威。
  • 标题风格 全大写、粗体、高度易读。
  • 按钮文案 直接且以行动为导向。
  • 不要使用明亮、饱和的颜色——截图显示的是一个深沉、柔和的调色板。
  • 不要使用衬线字体——截图显示的是干净的无衬线字体。
  • 不要使用复杂的布局——截图显示的是一个简单的居中单列布局。
  • 不要使用俏皮或随意的语言——截图显示的是正式的大写文本。
  • 不要过度使用圆角——截图显示的是圆角和直角边缘的混合。
  • 不要使用高对比度点缀色——截图显示的是一个单色深色主题。
  • 避免: 俏皮的语言
  • 避免: 非正式的语气
  • 避免: 过度的装饰

11

System Prompt

一个极简主义、深色主题的法律和验证服务界面,采用居中的单列布局,深海军蓝背景(#0D1121)。设计使用白色文本以实现高对比度,无衬线字体以确保清晰度,并采用克制的灰色边框来界定卡片元素。关键特征包括带有大写文本和 chevron 图标的大圆角按钮,形成了清晰的视觉层次。关键设计规则:避免使用明亮或饱和的颜色,不使用衬线字体,并避免复杂或杂乱的布局。语气专业且权威,适用于金融科技或 SaaS 环境。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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