고요 Goyo
차분한 마음을 위한 디자인 시스템 · v1.0
01 컬러
Sage 500 · 메인
#7A9A82
Sage 700 · 강조
#4F6B57
Mist 400 · 보조
#9DB4C0
Sand 300 · 온기
#D9CBB4
Clay · 포인트
#C9A48E
Sage 100
#E3EBE4
Mist 100
#E6EEF2
Sand 100 · 배경
#F1EBE0
Ink 900 · 본문
#2F3A35
Ink 600 · 보조
#5E6B64
02 타이포그래피
마음이 쉬어가는 곳
Display · 40 / 48 · Bold
오늘의 작은 평온
Title · 28 / 36 · Semibold
천천히 숨을 고르고, 지금 이 순간에 머물러요.
Body · 17 / 26 · Regular
보조 정보는 작고 부드럽게
Caption · 13 / 18 · Medium
간격
모서리
4 · 8 · 16 · 24 · 32 · 48
8 · 입력 16 · 카드 안쪽 24 · 카드 Full · 버튼·칩
03 컴포넌트
시작하기
나중에 할게요
둘러보기
비활성
오늘 기분을 한 줄로 적어보세요
🌿 호흡
☁️ 명상
🌙 수면
알림
🍃
5분 호흡 명상
들숨 4초 · 멈춤 4초 · 날숨 6초
3 / 5분
계속하기 →
04 원칙
느리게 Slow
전환은 300ms 이상, 부드러운 이징으로. 재촉하는 깜빡임은 쓰지 않아요.
여백 Space
한 화면에 하나의 할 일. 요소 사이는 최소 24, 숨 쉴 공간을 먼저 남겨요.
부드럽게 Soft
순수한 흑백과 원색 대신 채도를 낮춘 자연의 색. 경고도 다정한 말투로 전해요.