精选 · 开放 · 免费

Getdooapp

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

ProductivityApp UICleanCalmProduct
Getdooapp 网站截图
↓ 下载设计系统包 (10 MB)在 OpenDesign 中打开

原站: https://getdooapp.com

📦 浏览包内文件 →

01

设计气质 DNA

生产力提醒简洁卡片习惯

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

02

色彩

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

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

03

字体

humanist-sans

标题使用负字间距，营造紧凑、现代的感觉。 · 全文保持严格的 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

组件

09

文案语气与禁用清单

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 — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko