큐레이션 · 오픈 · 무료

Getdooapp

깔끔한 타이포그래피와 고delivr 디바이스 목업을 통해 전달되는, 더 나은 습관을 만들기 위한 미니멀 알림 앱입니다.

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

인터랙티브 요소의 불투명도 및 변환 트랜지션. · 내비게이션 링크의 hover 상태에 대한 부드러운 트랜지션.

링크와 버튼의 섬세한 불투명도 또는 색상 트랜지션. · 표준 포인터 커서 외의 최소한의 시각적 피드백.

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

이것은 미니멀 생산성 앱 랜딩 페이지입니다. 주요 배경은 텍스트가 소프트 다크 그레이(#383938)이고 CTA 버튼에 단일 딥 바이올렛(#5550CA) 악센트가 사용된 순백(#FFFFFF)입니다. 타이포그래피는 humanist-sans 카테고리(Avenir Next/Nunito Sans)로 가벼운 웨이트와 제목에 네거티브 자간을 사용합니다. 주요 디자인 규칙에는: 둥근 모양 버튼 사용, 여유로운 수직 여백 유지, 시각적 관심을 위해 고delivr 디바이스 목업에 의존하기가 포함됩니다. 다크 모드, 무거운 섀도우 또는 복잡한 레이아웃은 사용하지 마십시오. 인터페이스를 가볍고 차분하게 유지하며, 알림을 통한 습관 구축이라는 제품의 핵심 가치 제안에 집중하십시오.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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