OpenDesign·你的设计资产库

网页参考

Lovi Care

一个以白色为主、极简风格的健康应用落地页,配有深蓝色标志和单一的行动召唤按钮。

CalmCleanProductApp UI

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

01

设计气质 DNA

极简临床感干净医疗健康移动优先

一个平静的数字健康诊所候诊室。

02

色彩

#191B8FAccent
#1A1A1AInk
#FFFFFFBG
rgba(0,0,0,0.1)Line

高对比度的极简主义,采用单一的深蓝色点缀以传达临床般的信任感与专注度。

03

字体

humanist-sans

  • logo32px · 700
  • button14px · 500

04

间距

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

充裕的留白强调了单一的视觉焦点。

05

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

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

主界面上无可见边框。

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

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

仅含页头元素的空白状态。

07

动效与交互

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

加载时淡入

按钮上的微妙透明度或颜色变化。 · 视觉上的按压状态。

08

组件

  • button 一个深蓝色的药丸形实心按钮,带有白色文字和图标。
  • hero 空白状态,可能用于放置主视觉图片或视频。

09

文案语气与禁用清单

  • 语气 平静、令人安心、专业。
  • 标题风格 直接且极简。
  • 按钮文案 清晰且以行动为导向。
  • 不要添加复杂背景——截图显示的是纯白色画布。
  • 不要使用多种点缀色——截图显示仅深蓝色(#191B8F)为点缀色。
  • 不要添加密集的内容网格——截图显示的是广阔的空白空间。
  • 不要使用装饰性边框或阴影——界面是扁平且无边框的。
  • 不要使用花哨或圆润的字体——标志使用的是风格化但结构严谨的人文无衬线体。
  • 不要让页头显得杂乱——它只包含左侧的品牌标志和右侧的一个按钮。
  • 避免: 临床术语
  • 避免: 喧闹的促销语言
  • 避免: 视觉杂乱

11

System Prompt

一个极简主义的健康类移动应用落地页。设计以极度克制为特点,在纯白色(#FFFFFF)背景上使用单一的深蓝色(#191B8F)点缀。字体采用清晰、结构化的人文无衬线体用于标志和界面文字。关键约束:避免任何视觉杂乱或多种点缀色,因为截图显示的是一个几乎完全空白的白色画布。不要添加阴影或边框等装饰性元素,因为界面是完全扁平的。保持大量的留白以传达平静与信任感。布局为移动优先,包含一个简单的页头,仅有品牌标志和一个 App Store 行动召唤按钮。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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