N 위시 디자인 가이드
원본 docs/DESIGN-GUIDE-2026-10-27.md
노바 패밀리 공통 nova-design 위에 「별빛 소원」 얼굴, 그리고 10/27 패밀리 고급 화면 조각(ProKit,
_nova-brand/DESIGN-PRO-2026-10-27.md)을 처음부터 썼어요.
1. 바탕
소원 비는 밤(먹보라 #1A1036 → 짙은 자주 #45215E)에 별 몇 개, 별빛 금(#FFD98A)이 천천히 숨 쉬어요. 모든 탭 머리가 이 판을 같이 써요. 노바 주황은 행동(단추)에만.
2. 주인공 — 아낀 돈 병
- 유리병 안에 안 산 비율만큼 금빛 물결이 차올라요(사인 물결, 3.2초 한 바퀴). 병 안에 별 동전이 떠 있고, 왼쪽에 유리 반짝임.
- 처음 열 때 0에서 차오르며(1.2초), 아낀 돈 숫자도 함께 세어 올라가요.
- 「움직임 줄이기」면 물결이 멈추고 높이만 보여요.
3. 남은 날 고리
- 기다린 비율만큼 차는 고리. 가운데 갈래 이모지와 D-n(결정할 때면 「결정」).
- 상태 색: 기다림 보라 #8A6CF0 · 결정할 때 금 #E0A21B · 샀어요 하늘 #4AA8F0 · 안 샀어요 초록 #23A26B.
- 자세히 화면은 큰 고리(96dp) + 30칸 점 줄.
4. 갈래 색
옷 분홍 #E0579A · 전자 하늘 #4AA8F0 · 집 호박 #D9922E · 취미 보라 #8A6CF0 · 뷰티 장미 #E35D7A · 여행 청록 #22B3A6 · 먹거리 귤 #F07C3A · 그 밖 회청 #6E86A8. 카드 번짐·이모지 타일·값 글자에 써요.
5. 화면 조각
- 기다림 끝 카드: 이모지 타일 · 이름 · 값(갈래 색, 크게) · 상태 칩 · 칩 줄(기다린 날·처음 마음·일한 시간) · 까닭 인용 · 단추 셋.
- 기다리는 카드(가로 156dp): 갈래 색 위→아래 그러데이션, 고리 · 이름 · 짧은 값.
- 목록 카드: 고리(결정했으면 타일) · 이름 · 값 · 상태 칩 · 칩 줄.
- 자세히: 상세 머리(갈래 색으로 번지는 밤하늘) · 고리 카드 · 숫자 타일 셋 · 까닭(짙은 판 인용) · 값 바뀜 흐름(내리면 초록 ▼, 오르면 빨강 ▲).
- 아낀 돈: 머리 안 6달 값 막대(이번 달 강조) · 나눔 막대 · 갈래 가는 막대.
6. 아이콘·시작 화면
- 아이콘: 주황 바탕에 흰 별, 그 속 주황 하트, 오른쪽 위 흰 반짝임(주황을 주황 바탕에 바로 두지 않음).
- 시작 화면: 점 셋이 모여 별이 −24°에서 바로 서며 떠오르고(1.2배 → 제자리), 하트가 톡, 반짝임이 깜빡.
7. 말투
- 해요체, 다그치지 않기. 「안 사도 돼요」「어느 쪽이든 잘한 결정이에요」.
- 금지: 「지금 사세요」「놓치면 후회」「품절 임박」 같은 부추김(
StringKeysTest).