OpenDesign·你的设计资产库

网页参考

Healthytogether

一个面向政府的医疗健康SaaS平台,具有大胆、现代和专业的视觉识别。

SaaSProductCleanRefinedBold Typography

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

01

设计气质 DNA

政府医疗健康成果系统专业现代

一个为政府机构提供可靠系统的现代公民科技平台

02

色彩

#ffffffInk
#0f172aBG
#94a3b8Muted
rgba(255, 255, 255, 0.1)Line

高对比度,采用深石板灰背景和清晰的白色排版,并以醒目的渐变作为点缀。

03

字体

geometric-sans

  • display72px · 600

标题使用粗体字重,以传达力量和权威感。 · 大型展示文本保持紧凑的字间距。 · 正文在深色背景上保持清晰、高度可读。

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
cubic-bezier(0.4, 0, 0.2, 1)easing

静态渐变条带,按钮上的hover状态过渡。

按钮可能反转颜色或轻微调整不透明度。 · 标准按钮按压反馈。

08

组件

  • button 胶囊形按钮,高对比度填充(深色背景上的白色,白色背景上的深色)。
  • card 截图中未突出显示。
  • chip 未出现。
  • input 未出现。
  • hero 全视口区域,包含一个巨大的标题、中央渐变条带图形和一个清晰的行动号召按钮。

09

文案语气与禁用清单

  • 语气 权威、专业且以解决方案为导向。
  • 标题风格 直接、陈述性且以成果为中心的表述。
  • 按钮文案 简洁、以行动为导向的标签,如“预约演示”。
  • 不要使用浅色背景——网站使用深沉的深石板灰(#0f172a)作为主画布。
  • 不要为标题使用细、浅的字重——网站使用粗体/半粗体、几何无衬线字体以达到最大影响力。
  • 不要为组件添加不必要的阴影或边框——设计依赖颜色对比和负空间。
  • 不要使用多种明亮、相互竞争的颜色——色板是克制的,使用单一渐变元素作为点缀。
  • 不要将长段落居中对齐——设计偏好用于简短、有力陈述的、强烈的居中展示字体。
  • 不要使用装饰性或手写体——排版严格功能化、简洁且几何化。
  • 避免: 俏皮的行话
  • 避免: 过于复杂的技术术语
  • 避免: 不确定或被动的语言

11

System Prompt

这是一个面向政府的医疗健康SaaS平台。设计语言大胆、现代且专业,基于深石板灰(#0f172a)和纯白(#ffffff)的高对比度色板,营造严肃、可信赖的感觉。排版依赖粗体、几何无衬线类别作为展示字体,以传达权威和清晰度。关键元素包括一个全宽渐变条带图形,它在不损害严肃基调的前提下增添了动感和现代感。关键约束:避免俏皮或异想天开的元素,在深色背景上使用高对比度文字,并为标题保持大号、简洁的字体。布局宽裕且居中,优先为政府和医疗健康决策者提供清晰、直接的价值主张。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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