N 워터 디자인 가이드
원본 docs/DESIGN-GUIDE-2026-10-27.md
노바 패밀리 공통 nova-design 위에 N 워터만의 얼굴 「맑은 물빛」을 입혔어요. 2026-10-27(N 안부 뼈대에서).
1. 바탕
깊은 물속(#0A2135 → #1E5878)에 물방울 몇 개, 물빛(#9FE3FF)이 천천히 숨 쉬어요. 머리 판 한가운데 물 고리(마신 양/목표), 아래 세기 셋(지금쯤 몫 · 카페인 · 목표 채운 날).
2. 색
| 쓰임 | 색 |
|---|---|
| 물 고리 | #9FE3FF 물빛 → 목표 채우면 #6FD39A 초록 |
| 물 막대 | #5CB8F0 |
| 카페인 넘음 | #FF8A7A 산호 |
- 노바 주황(#FF7B00)은 행동(저장·더하기)에만. 컵 단추는 흰 카드에 종류 이모지.
3. 컵 단추
세 칸씩, 누르면 바로 적히고 위에 「500ml 적었어요 · 되돌리기」 띠가 떠요. 카페인이 있는 컵은 「☕150」.
4. 아이콘
주황 바탕에 아래로 좁아지는 흰 유리컵, 컵 속 주황 물(물결 윗면). N 사이클(고리 속 물방울)·N 길찾기(물방울 핀)와 갈리게 「유리컵 + 물결」. 단색 아이콘은 물을 뚫어요.
시작 화면: 점 셋이 모여 컵이 놓이고, 물이 바닥에서 차오르고, 물결이 톡.
5. 말투
- 해요체, 짧게. 덜 마셨다고 탓하지 않아요 — 「물 한 컵 어때요?」.
- 진단·효과 장담을 하지 않아요. 카페인 기준은 식약처 권고만. 「—」(줄표)는 화면 문구에 쓰지 않아요.
고급 화면(10/27)
화면마다 주인공 하나(고리·큰 숫자·막대·타일)를 두고, 정보는 글 줄 대신 칩·숫자 타일·막대로 보여요. 상세 화면은 색 머리와 구획 카드, 기록은 흐름(타임라인)으로. 카드는 색이 은은하게 번지고 그림자가 져요. 이 앱: 오늘(물결이 넘실거리는 물 유리잔)·컵 타일·오늘 흐름 막대·마신 것 흐름·기록(14일 평균 크게·날마다 막대)·컵 카드.