OpenDesign·你的设计资产库

网页参考

Plausible

一个注重隐私、轻量级的Google Analytics替代方案。

AnalyticsDeveloper Tools

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

01

设计气质 DNA

隐私分析简洁欧洲

一个比复杂数据工具更清晰、透明的替代方案。

02

色彩

#5850ECAccent
#1F2937Ink
#4B5563Ink soft
#FFFFFFBG
#F9FAFBBG soft
#F3F4F6BG quiet
#9CA3AFMuted
rgba(0,0,0,0.05)Line

白色背景上的高对比度深色文字,使用单一亮紫色作为主要操作和高亮的颜色。

03

字体

humanist-sans · monospace

  • display48px · 700
  • h232px · 700
  • body16px · 400

04

间距

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

章节间垂直间距宽松,组件内部间距紧凑。

05

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

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

1px solid #E5E7EB

0px 4px 20px rgba(0, 0, 0, 0.05)

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

居中的单栏着陆页,包含全屏首屏,其后是详细的应用程序预览。

07

动效与交互

200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

按钮的背景颜色发生细微变化。 · 提供即时的视觉反馈。

08

组件

  • button 实心紫色主按钮,白色文字,圆角。次级按钮为白色背景,灰色边框。
  • card 仪表盘预览使用带有细微阴影和灰色边框的白色卡片来划分数据区域。
  • chip 截图中未显示。
  • input 截图中未显示。
  • hero 居中的大号粗体标题、副标题、两个并排的CTA按钮,下方是详细的应用程序截图。

09

文案语气与禁用清单

  • 语气 直接、自信且令人安心。
  • 标题风格 简短有力,以利益为导向。
  • 按钮文案 清晰且以行动为导向(如“开始免费试用”、“查看实时演示”)。
  • 不要使用复杂的渐变——截图显示的是平面、纯色背景。
  • 不要使用多种强调色——截图显示单一的主色调紫色(#5850EC)。
  • 不要使用装饰性手写体或衬线展示字体——截图使用的是简洁的人文无衬线字体。
  • 不要使布局拥挤——截图显示有充足的留白和居中内容。
  • 不要使用深色模式或厚重的阴影——截图显示的是带有细微阴影的明亮、通透的界面。
  • 不要使用复杂的图标——截图使用的是极简、简洁的UI图标。
  • 避免: 技术术语
  • 避免: 模糊的营销套话
  • 避免: 激进的销售语言

11

System Prompt

这是一个为注重隐私的分析工具设计的干净、专业的SaaS着陆页。设计采用白色背景,以单一的亮紫色(#5850EC)作为主要操作的强调色。字体是简洁的人文无衬线字体,优先保证可读性。布局居中且宽敞,使用大型首屏介绍产品,并用详细的应用截图来建立信任。语气直接且以利益为导向。关键禁忌:避免深色模式,避免多种强调色,避免复杂的渐变,避免拥挤的布局,避免装饰性字体,避免激进的销售语言。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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