N 푸드체크 — 디자인 가이드(2026-10-22)

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

패밀리 공통: _nova-brand/ICON-SYSTEM.md(아이콘·시작 화면), nova-design(NovaTheme·NovaButton·NovaCard…). 계획 _nova-brand/OPENAPI-APPS-2026-10-20.md §2 「신선한 초록, 바코드 스캔이 첫 화면」.

1. 얼굴 — 신선한 초록, 바코드 스캔이 첫 화면

탭 머리는 숲 초록 판(ui/FoodStyle.kt HeroHeader): 깊은 초록 #0F4D2C → 잎 초록 #23A05A. 오른쪽 위에 바코드 막대를 위아래로 훑는 민트 스캔선(2.2초), 아래 오른쪽에 흔들리는 잎(1.8초).
「회수」 탭만 빨강 판(emergency = true: #8E1B22 → #E5484D). 앱 안에서 빨강은 피하세요·회수·내 알레르기에만.
스캔 탭 머리 판 안에 흰 큰 단추(「바코드 찍기」, 초록 원 안 스캔 아이콘) — 첫 화면에서 할 일이 하나로 보이게.
「움직임 줄이기」를 켜면 스캔선·잎·차오르는 막대가 멈춘다(LocalReduceMotion).

2. 색

쓰임	색
초록 깊은 / 잎	`#0F4D2C` / `#23A05A`
민트(머리 판 강조·스캔선)	`#C9F7D8`
✅ 걸리는 것 없음 · 신호등 낮음	`#1E9E5A`
⚠️ 살펴보세요 · 신호등 보통 · 기준치 30% 넘음	`#E8892B`
❔ 자료 없음	`#8A929C`
⛔ 피하세요 · 회수 · 신호등 높음 · 내 알레르기	`#E5484D`
카메라 가운데 줄(마트 스캐너 느낌)	`#FF5A5F`
행동(단추)	노바 패밀리 주황(NovaTheme accent) — 행동에만

3. 부품

HeroHeader · PressCard(눌리면 0.97배) · StatePill · SectionTitle(초록 막대) · GuideTip(닫으면 기억) · ProgressSteps(AI 진행) · LoadNote(받는 중·실패·보관분) · Reveal(차례로 떠오르기).
VerdictBand: 판정 색의 옅은 가로 그라데이션 + 1.5dp 테, 왼쪽 큰 이모지(⛔⚠️✅❔), 17sp 굵은 한 줄. 결과 판 맨 위.
신호등 타일 넷(지방·포화지방·당류·나트륨): 그 색 14% 바탕, 「높음/보통/낮음」 굵게 + 100g 값.
영양 표: 이름 · 값 · 1일 기준치 % 막대(56dp, 차오르며 그려짐, 30% 넘으면 주황).
알레르기: 표시된 것 알약 줄, 내 것은 「⛔ 우유」 빨강. 「원재료에 보여요(앱 추정)」는 주황 글.
카메라 화면(ScannerScreen): 검정 바탕, 가로로 긴 틀(폭 84%, 높이 1:2) 밖은 어둡게, 민트 모서리 꺾쇠, 가운데 빨간 줄이 위아래로 조금 흔들림. 위 닫기·손전등, 아래 앨범·「자동으로 읽어요」·숫자로 넣기. 읽으면 햅틱.
긴 글(원재료·기준 규격)은 240자에서 접고 「더 보기」.

4. 아이콘·시작 화면

아이콘(_nova-brand/glyphs.py foodcheck): 주황 바탕 위 흰 잎(위아래가 뾰족한 두 곡선), 잎 위 주황 체크(주황 디테일). 생성 python3 tools/make_icon.py(안드로이드 전경·단색, iOS 1024, 시작 화면 표). 단색은 흰 잎만.
시작 화면(ui/splash/NovaSplash.kt): 흩어진 회색 막대 다섯 → 가운데에 바코드처럼 나란히 서며 주황으로 물들고 → 그 위로 주황 잎이 피어나고 → 바탕색 체크가 그려지는 순간 잎이 한 번 뛰며 햅틱·파문 → 「N 푸드체크」 + 「바코드 하나로 영양·알레르기·회수까지」. 마지막 장면은 아이콘의 반전.

5. 글

해요체, 「—」 금지(문구 시험). 효능·장담 금지(금칙어 시험: 「100% 안전」「먹어도 됩니다」「당뇨에 좋」「면역력 증진」…).
늘 같이 쓰는 말: 「포장 표시도 함께 확인하세요」 · 「원재료에 보여요는 앱의 추정이에요」 · 「먹지 말고 구입처에 반품 · 신고 1399」 · 심한 반응이면 「119」.
한국어만(국내 식약처 자료).