N 플레이어 디자인 가이드 — 2026-10-13

노바 플레이어(N 플레이어) 디자인 가이드 · 디자이너·개발자용

1. 한 문장

「불이 꺼지고 영상만 남는 극장」 — 조작부는 필요할 때만 유리처럼 떠오르고, 손을 떼면 사라진다. 강조색은 노바 주황 하나.

항목	값	이유
바탕	순수 검정 `#000` (영상), 앱 바탕 `#0B0B0F`	영상 밖이 회색이면 레터박스가 떠 보인다(넷플릭스·유튜브)
조작부	위·아래 그라데이션 가림막 + 유리판(`#141418` 70~90%)	밝은 장면에서도 흰 아이콘이 읽힌다
강조	`#FF7B00` 한 가지 — 진행 막대·켜진 기능·고른 항목	패밀리 색. 두 번째 강조색 금지
글자	흰색 100 / 70 / 45% 세 단계	위계는 색이 아니라 투명도로
누름 영역	48dp(아이콘 24), 가운데 재생 76dp	Material 48dp·HIG 44pt
자동 숨김	재생 중 3.5초, 옆판이 열려 있거나 끄는 중이면 숨기지 않음	유튜브 3초 + 한국어 읽는 시간
옆판	가로: 오른쪽 380dp 판(영상이 보이게), 세로: 아래 판(최대 560dp). 바탕은 불투명 `#17171C`, 열리면 조작부는 내린다	삼성 플레이어·넷플릭스. 반투명(90%)이면 뒤 조작부 아이콘이 비쳐 글이 흐렸다(10/13 실기기)
몸짓 표시	두 번 톡: 화면 3분의 1 반원 물결 + 「+10초」(연타 누적), 끌기: 가운데 큰 시각 + 차이(주황)	유튜브
밝기·볼륨	화면 가장자리 세로 막대, 100% 넘는 볼륨(증폭)은 막대가 주황	증폭을 색으로 알린다

첫 화면 — 아래 탭 다섯: 영상 · 음악 · 탐색 · 보관함 · 설정. 큰 제목(display) + 검색·보기·정렬.
- 영상: 「이어 보기」 가로 줄(진행 막대) → 전체/폴더 칩 → 16:9 카드 격자(길이·해상도 꼬리표, 새로 추가 주황 점, 본 만큼 주황 막대).
- 음악: 노래·앨범·아티스트·폴더·장르 칩, 「▶ 모두 재생」「섞어 재생」.
미니 플레이어 — 탭 막대 위 둥근 판, 위쪽 2dp 진행 줄.
영상 재생 — §2 무대. 위: 뒤로·제목·꼬리표(4K·배속·싱크)·자막·소리·더보기 / 가운데: 이전·−10·재생·+10·다음 / 아래: 시간·진행 막대(챕터 눈금·A-B 구간)·도구 줄(잠금·비율·속도·회전·A-B·캡처·작은 창·목록·이퀄라이저·360°).
지금 재생(음악) — 앨범 아트 색으로 물든 세로 그라데이션, 큰 아트(재생 중 6초 주기로 1.0↔1.025 숨쉬기), 제목·♥, 진행 막대, 큰 조작부, 아래 가사·대기열·이퀄라이저·수면·속도.

화면 전환은 짧게(페이드 + 아래에서 3분의 1 밀려 올라옴). 재생 중엔 영상 위에서 움직이는 장식 금지(저사양·배터리, 대표님 10/13 「부드럽게」).
앨범 숨쉬기·이퀄라이저 같은 장식은 재생 화면 밖에서만.

앱 아이콘: 패밀리 규칙(_nova-brand/ICON-SYSTEM.md) — 주황 그라데이션, 흰 둥근 재생 삼각형 안에 주황 소리 막대 셋(영상 + 음악). _nova-brand/glyphs.py player.
화면 아이콘: Material Symbols 윤곽(ui/Icons.kt), 한 가지 색(흰색, 켜지면 주황).