N 스카이N 스카이 — 디자인 가이드(2026-10-20)
원본 docs/DESIGN-GUIDE-2026-10-20.md
패밀리 공통:
_nova-brand/ICON-SYSTEM.md(아이콘·시작 화면),nova-design(NovaTheme·NovaButton·NovaCard…). 계획_nova-brand/OPENAPI-APPS-2026-10-20.md§2 「하늘색 그라데이션, 시간대별로 바뀌는 하늘」.
1. 얼굴 — 시간과 날씨로 바뀌는 하늘
- 첫 화면 머리는 하늘 판(
ui/SkyStyle.ktSkyHero). 바탕 두 색은 시각과 하늘로 고른다(skyGradient):- 새벽(5~6시) 남보라→살구 · 낮(7~16시) 깊은 하늘→맑은 하늘 · 노을(17~18시) 남색→주황 · 밤 먹색→남색.
- 구름 많음은 회청을 조금 섞고, 흐림·비·눈은 회청·먹색으로 낮춘다.
- 움직임: 해 둘레 빛이 숨 쉬고(2.6초), 구름이 왼쪽으로 흐르고(14초), 비는 비스듬히(1.4초), 눈은 흔들리며, 밤엔 별이 반짝인다. 그림은 오른쪽 위에 몰고 글은 왼쪽.
- 「움직임 줄이기」를 켜면 모두 멈춘다(
LocalReduceMotion). - 판 아래쪽 해빛 선(
#FFD36E) 3dp.
2. 색
| 쓰임 | 색 |
|---|---|
| 하늘 깊은 / 맑은 | #0B3D91 / #2F8FE0 |
| 해빛(강조 선·숫자) | #FFD36E |
| 대기질 좋음·보통·나쁨·매우 나쁨 | #2F80ED · #27AE60 · #F2994A · #E5484D(에어코리아 네 색 계열 — 사람들이 이미 아는 색) |
| 행동(단추) | 노바 패밀리 주황(NovaTheme accent) — 행동에만 |
3. 부품
SkyHero/HeroHeader(다른 탭 머리) ·PressCard(눌리면 0.97배) ·GaugeRing(270° 계기판, 0 에서 차오름, 끝점에 작은 빛) ·GradePill·SectionTitle(하늘 그라데이션 막대) ·GuideTip(닫으면 기억) ·ProgressSteps(AI 진행).- 시간별 띠: 56dp 칸, 지금 칸은 하늘색 바탕, 기온 높낮이만큼 글자를 살짝 띄워 선 모양이 보이게, 강수확률은 파랑.
- 열흘: 오전·오후 그림 둘, 강수확률, 최저 — 막대(찬 파랑→더운 주황, 열흘 전체 폭 안의 자리) — 최고.
- 오늘 챙길 것: 이모지 + 제목 + 한 줄. 주의(빨강)·챙기기(하늘)·참고 순.
4. 아이콘·시작 화면
- 아이콘(
_nova-brand/glyphs.pysky): 주황 바탕 위 흰 해와 햇살 여덟, 그 앞의 흰 구름, 구름 둘레 주황 테가 해와 구름을 가른다. 생성python3 tools/make_icon.py(안드로이드 전경·단색, iOS 1024, 시작 화면 표). 단색은 흰 모양만(실루엣). - 시작 화면(
ui/splash/NovaSplash.kt): 흩어진 회색 구름 조각 다섯 → 가운데로 모여 주황 해 → 햇살 여덟이 차례로 → 구름이 왼쪽에서 들어와 걸리는 순간 햅틱·파문 → 「N 스카이」 + 「우리 동네 하늘과 공기를 한눈에」. 마지막 장면은 아이콘의 반전.
5. 글
- 해요체, 「—」 금지(문구 시험). 숫자엔 단위(도·%·㎍/㎥). 예보를 장담하지 않는다(금칙어 시험).
- 한국어만(기상청·에어코리아 자료).