N 대피N 대피 — 디자인 가이드(2026-10-23)
원본 docs/DESIGN-GUIDE-2026-10-23.md
패밀리 공통:
_nova-brand/ICON-SYSTEM.md,nova-design. 계획_nova-brand/OPENAPI-APPS-2026-10-20.md§2 「주황 경고·검정, 지도 위 대피 경로」.
1. 얼굴 — 주황 경고와 검정, 대피 경로
- 탭 머리는 검정 판(
ui/ShelterStyle.ktHeroHeader): 검정#111316→ 숯#2B2F36, 맨 아래 경고 주황 띠 4dp. 오른쪽에 점선 길이 꺾여 주황 집 표지(대피소)로 이어지고 점선이 1.6초에 한 칸씩 흐른다. - 비상 탭은 같은 판을 빨강(
#8E1B22→#E5484D)으로, 상태바 띠도 빨강. - 「움직임 줄이기」를 켜면 점선이 멈추고 무한 전환을 만들지 않는다.
2. 색
| 쓰임 | 색 |
|---|---|
| 검정 / 숯 | #111316 / #2B2F36 |
| 경고 주황(표지·강조·가장 가까운 카드 테) | #FFB020 |
| 500m 안 | #1E9E5A |
| 1km 안 · ★ 저장 · 미리 알아 두세요 | #E8892B |
| 그 밖 | #5B7890 |
| 비상 | #8E1B22 / #E5484D |
| 행동(단추) | 노바 패밀리 주황(NovaTheme accent) — 행동에만 |
3. 부품
NearestCard: 「가장 가까운 대피소」(주황 굵게) · 이름 제목 크기 · 「거리 · 걸어서 약 n분 · 지하 · 수용 n명」(거리 색) · 주소 · 걸어서 길찾기·지도.ShelterLine: 이름 · ★ · 거리 / 지상·지하 · 수용 · 구분 / 주소.ShelterSheet: 머리 줄(뒤로 · 대피소 · ☆ · 보내기) · 이름 22sp · 거리 줄 · 길찾기·지도 · 사실 표(76dp 이름 칸, 주황 테) · 미리 알아 두세요.SosScreen: 📞 119·112 큰 단추(폭 가득) · 저장한 대피소 · 공식 행동요령 카드.PlacesScreen(N 트립에서): 내 위치 · 시도 17 · 저장한 곳.
4. 아이콘·시작 화면
- 아이콘(
_nova-brand/glyphs.pyshelter): 주황 바탕 위 흰 원판, 안에 주황 정삼각형(국제 민방위 표지를 본뜸), 삼각형 안에 흰 아래 화살표(대피소로 들어감). 생성/usr/bin/python3 tools/make_icon.py. 단색은 원판에 삼각형 구멍 + 화살표. - 시작 화면(
ui/splash/NovaSplash.kt): 회색 원판이 커지며 주황으로 → 바탕색 삼각형이 아래에서 솟고 → 화살표가 위에서 내려와 자리 잡는 순간 한 번 뛰며 햅틱·파문 → 「N 대피」 + 「가장 가까운 대피소를 미리 알아 두세요」.
5. 글
- 해요체, 「—」 금지(문구 시험). 안전 장담 금지(금칙어 시험: 「무조건 안전」「안전합니다」「늘 열려 있어요」…).
- 늘 같이 쓰는 말: 「실제 대피는 재난문자·안내 방송을 따르세요」 · 「거리는 직선 거리, 걷는 시간은 짐작」 · 「평소에 한 번 걸어가 입구를 찾아 두세요」.