N 베일 디자인 가이드 — 2026-10-14

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

방향: 화려·동적·세련(대표님 10/14). 어두운 판이 기본, 노바 패밀리 디자인 시스템(nova-design) 위에 「빛」 하나를 얹는다.

1. 색

색은 상태에만. 아이콘·글자는 한 톤(보조색).

2. 연결 오브(232dp)

10/19 다시 그림(Windows 디자인 회신 → 휴대폰·PC 같은 Visuals.kt): 원판(크기의 0.66) 안 색 덩어리 넷·도는 광택·흰 장막 띠 셋, 기울어진 궤도 고리 둘과 위성, 도는 테두리, 둘레 반짝이. 꺼짐 잿빛 · 잇는 중 주황 혜성 호(260°/초) · 켜짐 오로라, 켜지는 순간 빛 1.4초. 색은 0.9초에 걸쳐(frameTween). 가운데 전원 표식은 PC·승인 화면만 — 휴대폰 홈은 오브 안에 「보호 중」·시간을 얹으므로 glyph = false. 맥(10/20): SwiftUI iosApp/NovaVeilMac/MacVisuals.swift 가 같은 그림을 옮긴 판(배경 오로라·오브·경로선·서버 타일·유리 카드·코드 타일·남은 시간 링). 움직임은 초당 30장, 창이 가려지면 멈춘다(보일 때 CPU 약 18%, 숨기면 0). 화면 사진 docs/mac-design-shots-2026-10-20/. 아래는 10/14 첫 판 기록.

• 꺼짐: 잿빛 원 + 4초 주기 숨쉬기 빛무리
• 잇는 중: 주황 호가 돌고(220°/초) 물결 셋이 바깥으로(1.8초)
• 켜짐: 원 안에 색 덩어리 넷이 서로 다른 속도로 돌고, 흰 장막 띠가 물결친다(아이콘 띠가 살아 움직이는 모습). 바깥 빛무리, 테두리는 호박→자홍→남보라 sweep
• 접근성: 역할 Switch, 상태 「연결됨/연결하는 중/꺼짐」
• 프레임 시각(withFrameNanos)으로 그린다 — 애니메이션 배율 0 기기에서도 돈다

3. 경로선

서울(왼쪽) → 출구(오른쪽). 미국은 더 멀고 높은 호. 켜지면 빛 알갱이 셋이 1.6초에 한 바퀴 흐른다. 점선은 꺼짐에도 보인다(어디로 갈지).

4. 아이콘·시작 화면

• 아이콘: 주황 그라데이션 바탕 + 흰 지구 하나 + 원으로 잘린 주황 장막 띠 하나(글자·그림자 없음). Android 벡터 0.8배, iOS 1024(tools/make_ios_icon.py)
• 시작 화면 「흩어진 빛이 지구가 되고, 장막이 덮는다」: 빛 14점이 원으로 모임(0~0.45초) → 흰 지구 차오름(0.35~0.7) → 띠가 왼쪽에서 쓸고 자리 잡음(0.6~1.0) = 아이콘 → 「N 베일 / 가족만을 위한 조용한 길」. 머무름 0.2초, 사라짐 0.26초. 프로세스에 한 번

5. 화면 짜임(홈)

머리(N 베일 · 상태 알약) → 오브 → 받기/보내기 바이트(고정폭) → 출구 서버 카드(국기·정상/점검 중·경로선) → 이번 달 → 내 기기 → PC 연결하기 → 더 안전하게(Android)/항상 켜기(iOS) → VPN 없이 쓸 앱(Android) → 계정 → 기록 안내 한 줄.

6. 문구

• 홈 화면 이름 「N 베일」, 문장 속 「노바 베일」
• 「no-logs」「기록 없음」 금지 — 「접속 기록만 3개월, 방문한 곳은 남기지 않아요」
• 서버 오류는 code 로 받아 사람 말로(VeilController.explain)

7. 관리자 화면(/console/)

같은 어두운 판, 주황 하나. 숫자 카드 넷(회원·기기·지금 접속·이번 달) → 초대 코드 | 출구 서버 → 회원 표(사용량 막대) → 회원을 누르면 기기·접속 기록. 위험한 일(정지·노드 끄기·기기 지우기)은 확인 창.