큐레이션 · 오픈 · 무료

Sunsama

현대 전문가를 위한 태스크 매니저이자 일일 플래너.

productcalendar
Sunsama 스크린샷
↓ 디자인 시스템 다운로드 (12 MB)OpenDesign 에서 열기

원본 사이트: https://sunsama.com

📦 팩 내용 보기 →

01

디자인 DNA

차분함집중생산성계획일상 루틴

차분함을 느끼고 집중을 유지할 수 있게 도와주는 고요한 일일 플래너.

02

컬러

#FF891CAccent
#202228Ink
#4C4F56Ink soft
#FFFFFFBG
#FAFAFABG soft
#F6F5F1BG quiet
#767F86Muted
rgba(32,34,40,0.1)Line

따뜻하고 고채도의 오렌지 악센트와 부드러운 중성적인 회색이 있는 깨끗한 흰색 배경.

03

타이포그래피

geometric-sans · humanist-sans

04

여백

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

숨 쉬는 레이아웃을 위한 넉넉한 수직 간격의 일관된 4px 기본 그리드.

05

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

sm · 4px
md · 10px
lg · 40px
pill · 48px

카드와 입력 필드의 경계를 만들기 위해 사용되는 1px solid rgba(32,34,40,0.1) 테두리.

None: None · None: None

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

데스크톱에서는 왼쪽에 무거운 히어로 섹션이 있는 넓은 콘텐츠 컨테이너를 사용하고, 모바일에서는 중앙 정렬된 콘텐츠 스택으로 흘러가도록 구성합니다.

07

모션과 인터랙션

200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

버튼과 링크의 부드러운 hover 전환 · 인터랙티브 상태를 위한 은은한 배경색 변화

요소의 기본 색상에 따라 은은하게 배경색을 어둡게 하거나 밝게 함. · 촉각적 피드백을 위한 약간의 축소 효과와 즉각적인 반응.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이 사이트는 현대 전문가를 위한 차분하고 집중적인 일일 플래너인 Sunsama를 위한 것입니다. 밝고 깨끗한 흰색(#FFFFFF)과 부드러운 회색(#FAFAFA) 팔레트에 활기찬 오렌지(#FF891C) 악센트를 사용합니다. 타이포그래피는 기하학적 및 휴머니스틱산세리프 카테고리의 깔끔한 조합입니다. 중요한 제약 사항: 넉넉한 여백과 4px 그리드를 우선시하고, 친근한 느낌을 위해 10-48px의 둥근 모서리를 사용하며, 차분하고 생산적인 포지셔닝을 방해할 수 있는任何한 공격적이고 어둡거나 지저분한 시각적 비유는 피합니다.

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

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

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

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