N 리얼티N 리얼티 디자인 가이드 — 2026-10-16
노바 리얼티 디자인 가이드 · 2026-10-16
수험생(성인)용 「합격 계기판」. 바탕은 N 하이 학습 플래너(종이·평평한 카드·숫자 정렬)이고, 앱 색은 짙은 초록. 정본 코드:
ui/theme/CourseTheme.kt(토큰Jr,Palette) ·ui/theme/HighTheme.kt(Hi) ·ui/components/CourseKit.kt·HighKit.kt.
1. 누구를 위한 화면인가
| 학습 앱(N 하이) | N 리얼티 | |
|---|---|---|
| 이용자 | 16~18세 | 20~60대 수험생(직장인·주부·은퇴 준비) |
| 첫 화면이 답할 것 | 수능까지 며칠 | 시험까지 며칠 · 과목마다 예상 점수 · 과락 위험 · 지금 뭘 |
| 신뢰 | 교과서 단원 | 조문 번호(해설·교재마다 「근거:」) |
| 말투 | 해요체 | 해요체, 짧게. 칭찬은 담백하게(「모두 첫 시도에 맞혔어요」) |
2. 색
| 이름 | 밝게 | 어둡게 | 쓰임 |
|---|---|---|---|
| bg / surface / surface2 / line | #F5F6FA / #FFFFFF / #EEF0F5 / #E3E6EE | #0F1412 / #18201C / #222B26 / #2E3833 | 바탕·카드·눌림·선 |
| ink / ink2 / ink3 | #111827 / #374151 / #6B7280 | #ECEFF1 / #C9D1CC / #9AA5A0 | 글자(대비 17:1·10:1·4.8:1 / 13:1·9:1·5.6:1) |
| indigo(앱 색) / indigoText / indigoSoft | #14412F / #14412F / #E5F1EA | #2F7D5C / #7FD1AB / #1E3329 | 고른 것·진도·번호·D-day 카드 |
| accent / accentText | #FF7B00 / #C2410C | #FF7B00 / #FFA45C | 주황은 단추 바탕(흰 글자), 글자는 accentText |
| good / bad / warnSoft | #15803D / #B91C1C / #FFF7E0 | #4ADE80 / #F87171 / #3A3016 | 맞음·틀림(과락)·형광펜 |
- 다크 모드(10/16): 설정 「화면 밝기」 시스템/밝게/어둡게. 토큰이
Palette.dark(스냅숏 상태)를 읽는 게터라 화면 전체가 함께 바뀐다. 상태바 아이콘도 따라 바뀜. - 색만으로 알리지 않는다 — 과락은 빨강 + 「과락」 칩, 맞음은 ✓·✕ 기호와 문구.
3. 글자
Pretendard. title 24 · heading 19 · question 21(발문) · body 17 · caption 14 · label 13 · figure 36(D-day·점수, 고정폭 숫자). 법 문장 보기는 줄 수 제한 없음(10/16 — 2줄에서 잘리던 것 해제).
4. 부품
| 부품 | 규격 |
|---|---|
| JrButton·HiButton | 높이 52~54dp, 주요 = 주황 바탕 흰 글자 / 보조 = 면 + 선 |
| JrCard·HiCard | 면 + 1dp 선, 모서리 16~22 |
| 보기 칸 | ①~⑤ 원 번호 + 문장, 고르면 초록 테두리. 시험 중엔 맞고 틀림을 보이지 않음 |
| 과목별 점수표 | 과목·맞힘/문항·점수, 40점 미만 빨강 + 「과락」 칩, 아래 평균·합격 판정 |
| 교재 절 | 개념 카드 + 🖍 형광펜(카드 전체 노랑), 근거 조문 카드, 확인 OX(O/X 단추·바로 해설), 메모(저장 단추), 앞·뒤 절 |
| 터치 | 48dp 이상 |
5. 화면
- 홈 — 날짜 / D-day 카드(제37회·전 과목 진도·합격 기준) / 오늘 / 이어 하기 / 과목 카드(진도·예상 점수·과락 경고) / 도구(오답 노트·교재·모의고사·설정).
- 목차 — 1차/2차 탭, 단원 줄, 실전 모의고사·과목 평가.
- 주제 — 개념 / 예제·풀이 / 연습 탭.
- 연습(시험지) — 번호·단원·발문·보기, 틀리면 도움말 → 정답 + 풀이(근거 조문).
- 실전 시험 — 남은 시간, 번호판(푼 문제 채움), 이전·다음·제출. 결과: 점수 · 과목별 점수 · 단원별 정답률 · 약점 유형 → 연습·교재 · 문항별 풀이.
- 교재 — 과목 칩 / 이어 읽기 / 책갈피 / 장·절(✓ 읽음, 🔖, 📝).
- 설정 — 학습 · 화면 밝기 · 기록 · 처리방침 · 고지.
6. 아이콘·스플래시
패밀리 규칙(_nova-brand/ICON-SYSTEM.md): 주황 그라데이션 바탕 + 흰 집 + 주황 열쇠 구멍(「합격의 열쇠, 부동산」). 글자 없음. tools/make_icon.py.
스플래시: 흩어진 ①~⑤·㎡·%·§ 가 모여 집이 떠오르고 열쇠 구멍이 켜진다 → 「N 리얼티 / 공인중개사 1·2차, 조문으로 정확하게」. 움직임 줄이기면 마지막 장면만.