N 버킷 디자인 가이드

원본 docs/DESIGN-GUIDE-2026-10-27.md

노바 패밀리 공통 nova-design 위에 「반딧불 숲」 얼굴, 그리고 10/27 패밀리 고급 화면 조각(ProKit, _nova-brand/DESIGN-PRO-2026-10-27.md)을 처음부터 썼어요.

1. 바탕

여름밤 숲(#0B1A14 → 이끼 #1E3B2E)에 반딧불이 떠다녀요. 반딧불 노랑(#FFE27A)은 이룬 것·강조, 노바 주황은 행동(단추)에만.

2. 주인공 — 별자리

• 꿈마다 id 로 정해진 고정 자리에 별이 떠요(언제 열어도 같은 자리).
• 이룬 꿈: 반딧불빛 번짐 + 흰 핵 + 노란 테, 단계가 많을수록 조금 커요. 이룬 날 차례로 노란 선(1.6dp)이 이어지고, 열 때 선이 차례로 그려져요.
• 아직인 꿈: 흐린 흰 점이 반짝여요. 지금 집중: 주황 고리가 맥박쳐요.
• 반딧불 일곱 마리가 8초 한 바퀴로 떠다녀요. 「움직임 줄이기」면 멈춘 한 장.

3. 꿈 고리 · 단계

• 꿈 고리: 갈래 색으로 진행만큼 차오르고, 가운데 갈래 이모지와 %(이룬 꿈은 「이룸」).
• 단계: 동그란 체크(끝내면 갈래 색으로 채움·흰 체크), 끝낸 글은 줄 긋기.
• 이뤘어요 창: 짙은 숲 판에 반딧불빛·갈래 색 조각이 둥글게 퍼지는 불꽃(1.8초 되풀이).

4. 갈래 색

여행 하늘 #4AA8F0 · 배움 남색 #5B6EE1 · 몸 초록 #34B36F · 사람 분홍 #E0579A · 만들기 보라 #8A6CF0 · 도전 귤 #F07C3A · 돈 호박 #D9922E · 나눔 청록 #22B3A6 · 그 밖 회청 #6E86A8. 때 칩: 이룸 초록 · 올해 안에 금 · 지남 빨강.

5. 화면 조각

• 집중 카드: 꿈 고리 64dp · ⭐ 제목 · 갈래·때·단계 · 「다음 한 걸음」 띠(갈래 색 10%)와 「✓ 했어요」.
• 목록 카드: 꿈 고리 54dp · 제목 · 때 칩·단계 칩 · 오른쪽 ☆/⭐.
• 별자리 탭: 머리 안 큰 별자리(220dp) · 유리 칸 셋 · 해마다 값 막대 · 갈래 가는 막대 · 이룬 꿈 흐름.
• 꿈 자세히: 상세 머리(갈래 색으로 번지는 숲) · 고리 카드(점 줄) · 이룬 날 카드 · 단계 구획.

6. 아이콘·시작 화면

• 아이콘: 주황 바탕에 흰 산(큰 봉우리 + 작은 봉우리), 꼭대기 흰 깃발, 산허리를 오르는 주황 발자국 점 다섯(주황을 주황 바탕에 바로 두지 않음).
• 시작 화면: 점 셋이 모여 산이 아래에서 솟고, 발자국이 아래부터 하나씩 켜지고, 깃발이 펄럭여요.

7. 말투

• 해요체, 다그치지 않기. 「한 걸음씩, 별이 돼요」「내 속도면 충분해요」.
• 금지: 「남들보다 뒤처」「실패자」「포기하세요」「그것도 못」, 상품·여행사 부추기기(StringKeysTest).