精選 · 開放 · 免費

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

互動元素的透明度與變形過渡效果。 · 導覽連結的滑鼠懸停狀態平滑過渡。

連結與按鈕的細膩透明度或顏色過渡效果。 · 除標準指標游標外，極小化視覺回饋。

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）作為號召用語按鈕的強調色。排版屬於人文主義無襯線類別（Avenir Next/Nunito Sans），採用輕字重與標題負字母間距。關鍵設計規則包括：使用藥丸形按鈕、維持寬裕的垂直留白、並依賴高擬真裝置樣機以增加視覺吸引力。請勿使用深色模式、厚重陰影或雜亂佈局。保持介面輕盈、冷靜，並聚焦於產品透過提醒事項養成習慣的核心價值主張。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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