OpenDesign·你的设计资产库

网页参考

Ventureworks

一个极简、高对比度的平台,用于验证创业创意。

SaaSProductivityCleanToolingCalm

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

01

设计气质 DNA

创业验证创意测试极简主义专业可信赖

一个干净、类似白板的空间,用于严格的创业验证。

02

色彩

#0D1F2DInk
#FFFFFFBG
#6B7C8DMuted
rgba(0,0,0,0.1)Line

深海军蓝墨水与纯白背景之间形成高对比度,以实现专注与权威感。

03

字体

geometric-sans

  • display48px · 700
  • body18px · 400

04

间距

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

以 4px 为一致倍数,构建精确的垂直韵律。

05

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

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

1px 实线边框,提供细微的定义,无厚重阴影。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中、单列布局,配有充足的留白。

07

动效与交互

150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

内容加载时采用简单的淡入效果。

交互元素上采用细微的颜色变化或下划线。 · 按钮按下时提供即时的视觉反馈。

08

组件

  • button 主要操作采用实心深色填充,次要操作采用轮廓样式。
  • hero 居中、极简的首屏区域,包含醒目的粗体标题、简洁的副标题和两个清晰的行动按钮。

09

文案语气与禁用清单

  • 语气 专业、直接且可信赖。
  • 标题风格 粗体、简洁、以行动为导向。
  • 按钮文案 清晰、基于利益的措辞。
  • 不要使用鲜艳的渐变色或彩色点缀——截图显示的是海军蓝、灰色和白色的严格单色调色板。
  • 不要使用俏皮或圆润的字体——截图显示的是粗体、几何感的无衬线字体,以营造专业感。
  • 不要添加厚重的投影或复杂的卡片纹理——截图显示的是扁平、干净的布局,无阴影。
  • 不要使用狭小、拥挤的布局——截图显示的是充足的留白和居中、舒展的内容。
  • 不要混合多种字体家族——截图对所有可见文本使用单一无衬线字体家族。
  • 不要使用轮廓或空心图标——截图中不含图标,完全依赖排版和按钮样式。
  • 避免: 术语
  • 避免: 过于随意的语言
  • 避免: 模糊的承诺

11

System Prompt

一个用于创业验证工具的极简 SaaS 落地页。它采用高对比度色调,以深海军蓝(#0D1F2D)墨水搭配纯白(#FFFFFF)背景,辅以柔和灰色(#6B7C8D)用于次要文本。字体为粗体、几何感的无衬线字体,营造专业且可信赖的感觉。布局为居中、单列的首屏区域,配有充足的留白。关键禁忌:避免使用彩色渐变、俏皮字体、厚重阴影或拥挤的布局。专注于克制、清晰,以及平静、权威的语调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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