큐레이션 · 오픈 · 무료

Getuntil

인생에서 의미 있는 이벤트를 추적하는 데 도움을 주는 장난스러운 카운트다운 앱.

GradientConsumerProductPlayfulFriendly
Getuntil 스크린샷
↓ 디자인 시스템 다운로드 (9 MB)OpenDesign 에서 열기

원본 사이트: https://getuntil.app

📦 팩 내용 보기 →

01

디자인 DNA

카운트다운기대감의미 있는 이벤트개인 트래커

인생의 하이라이트를 위한 따뜻하고 활기적인 개인 캘린더

02

컬러

#FF3B30Accent
#000000Ink
#000000A6Ink soft
#FFFFFFBG
#F2F2F2BG quiet
#00000066Muted
rgba(0, 0, 0, 0.1)Line

다채롭고 생동감 있는 다색 그래디언트가 깨끗하고 밝은 배경과 대조를 이룹니다.

03

타이포그래피

humanist-sans

04

여백

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

히어로 영역 80px 간격을 포함한 여유로운 수직 리듬

05

표면 (라운드 / 그림자 / 경계선)

sm · 8px
md · 16px
lg · 32px
pill · 999px

none

06

레이아웃

1200container
12columns
24pxgutter
768breakpoints

여유로운 패딩이 적용된 중앙 정렬 칼럼 레이아웃

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

부드러운 전환 효과

인터랙티브 요소에 포인터 커서 적용 · 표준 탭 동작

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

이 시스템은 친근하고 장난스러운 카운트다운 앱 랜딩 페이지입니다. 의미 있는 삶의 이벤트를 추적하는 수단으로 자리 잡고 있습니다. 주요 헥스 색상은 흰색 배경(#FFFFFF), 검정 텍스트(#000000), 그리고 빨간색(#FF3B30), 초록(#34C759), 파란색(#007AFF), 주황색 등 생동감 넘치는 그래디언트입니다. 타이포그래피는 깨끗한 휴머니스트 산세리프 체입니다. 중요한 주의 사항: 다크 모드 또는 어두운 배경을 사용하지 마세요. 카드나 버튼에 날카로운 모서리를 사용하지 마세요. 채도가 낮고 색이 바랜 색상을 사용하지 말고, 고채도 그래디언트를 적극적으로 활용하세요. 세리프 서체를 사용하지 마세요. 지저분한 레이아웃을 만들지 말고, 공간감 있고 중앙 정렬된 디자인을 유지하세요. 무거운 드롭 섀도우를 사용하지 마세요.

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

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

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

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