OpenDesign·你的设计资产库

网页参考

Getdooapp

一个用于培养更好习惯的极简提醒应用，通过干净的排版和高保真设备模型进行呈现。

ProductivityApp UICleanCalmProduct
Getdooapp 网站截图

01

设计气质 DNA

生产力提醒简洁卡片习惯

一本平静、有序的数字笔记本，用于管理您的日常任务。

02

色彩

#5550CAAccent
#383938Ink
#6E6D7AInk soft
#FFFFFFBG
#F7F7F7BG soft
#E7EFF5BG quiet
rgba(110,109,122,1.0)Line

干净的白色背景，搭配单一的深紫色强调色和柔和的石板灰文本。

03

字体

humanist-sans

  • display65px · 400
  • heading39px · 400
  • body16px · 400

标题使用负字间距，营造紧凑、现代的感觉。 · 全文保持严格的 400 字重，以保留轻盈、通透的视觉效果。 · 确保标题与段落之间有足够的垂直留白。

04

间距

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

慷慨的垂直间距，主要区块之间采用大尺寸内边距块 (130px)。

05

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

sm · 4px
md · 8px
lg · 30px
pill · 39px

章节分隔线使用微妙的顶部边框 (1px solid #6E6D7A)。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单栏居中布局，具有宽松的边距和高质量的设备模型。

07

动效与交互

200msmicro
250mssmall
1000msmedium
ease-in-outeasing

交互元素上的 opacity 和 transform 过渡。 · 导航链接悬停状态的平滑过渡。

链接和按钮上的微妙 opacity 或颜色过渡。 · 除标准指针光标外，视觉反馈极小。

08

组件

  • button 药丸形实心紫色 (#5550CA) 按钮，白色文字，无阴影。
  • card 未明确作为组件使用；内容依赖于设备模型展示。
  • chip 不存在。
  • input 应用模型内的极简搜索输入框。
  • hero 居中文本的主视觉区，包含一个行动号召按钮和下方的大尺寸设备展示。

09

文案语气与禁用清单

  • 语气 鼓励性、有帮助且略带随意。
  • 标题风格 简短、直接、以收益为导向的短语。
  • 按钮文案 简单、以行动为导向的动词，如“下载”。
  • 不要在按钮上使用重阴影——截图显示的是扁平、实心的药丸形按钮。
  • 不要在正文文本中使用全大写——截图显示功能描述和导航使用句子大小写。
  • 不要为主界面使用深色背景——截图显示使用干净的白色 (#FFFFFF) 背景。
  • 不要使用高对比度的黑色文本——截图使用更柔和的深灰色 (#383938) 作为主文本颜色。
  • 不要使用复杂的网格来呈现内容——截图显示的是简单、单栏居中的布局。
  • 不要使用多种颜色——截图将调色板限制为白色、灰色和单一的紫色强调色。
  • 避免: 避免使用过于技术性的术语。
  • 避免: 避免使用激进或喧闹的营销语言。
  • 避免: 避免使用有多个竞争性行动号召的混乱布局。

10

包内真实截图

Getdooapp — 桌面首屏（hero）
桌面首屏（hero）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Getdooapp — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个极简的生产力应用着陆页。主背景为纯白色 (#FFFFFF)，文本使用柔和的深灰色 (#383938)，行动号召按钮使用单一的深紫色 (#5550CA) 强调色。字体属于 humanist-sans 类别（如 Avenir Next/Nunito Sans），使用较细字重和标题负字间距。关键设计规则包括：使用药丸形按钮、保持慷慨的垂直留白，并依赖高保真设备模型增加视觉吸引力。不要使用深色模式、重阴影或混乱布局。保持界面轻盈、平静，并专注于产品通过提醒培养习惯的核心价值主张。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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