N 렉스N 렉스 디자인 가이드 — 2026-10-19
노바 렉스 디자인 가이드 · 2026-10-19
법학 입문자·수험생용 「조문 노트」. N 웰페어와 같은 틀(종이·평평한 카드·숫자 정렬)이고, 앱 색은 남색. 정본 코드:
ui/theme/CourseTheme.kt(토큰Jr,Palette) ·ui/theme/HighTheme.kt(Hi) ·ui/components/CourseKit.kt·HighKit.kt.
1. 누구를 위한 화면인가
| N 웰페어 | N 렉스 | |
|---|---|---|
| 이용자 | 사회복지 전공생·종사자 | 법학 입문자, 공무원·공기업 필기 준비생, 변호사시험 선택형 입문자 |
| 첫 화면이 답할 것 | 시험까지 며칠 | 3법 진도 · 영역마다 예상 점수 · 과락 위험 · 지금 뭘 |
| 신뢰 | 근거 | 근거 조문 번호(항까지 — 「제12조③」), 학설은 「법학 — ○○학」 |
| 말투 | 해요체 | 해요체, 짧게. 법 문장 보기는 원문 어휘를 살린다 |
2. 색
| 이름 | 밝게 | 어둡게 | 쓰임 |
|---|---|---|---|
| indigo(앱 색) / indigoText / indigoSoft | #242F78 / #242F78 / #E9EBFA | #5B69C4 / #B6BEF2 / #212540 | 고른 것·진도·번호·D-day 카드 |
| bg / surface / surface2 / line | #F5F6FA / #FFFFFF / #EEF0F5 / #E3E6EE | #101118 / #181923 / #21232F / #2E303F | 바탕·카드·눌림·선 |
| accent / accentText | #FF7B00 / #C2410C | #FF7B00 / #FFA45C | 주황은 단추 바탕(흰 글자), 글자는 accentText |
| good / bad / warnSoft | #15803D / #B91C1C / #FFF7E0 | #4ADE80 / #F87171 / #3A3016 | 맞음·틀림(과락)·형광펜 |
- 앱 색은 N 웰페어 보라의 밝기·채도를 그대로 두고 색상만 남색(232°)으로 옮긴 한 벌(
new-exam-app.py) — 흰 글자 대비 11:1 이상. - 색만으로 알리지 않는다 — 과락은 빨강 + 「과락」 칩, 맞음은 ✓·✕ 기호와 문구.
3. 글자
Pretendard. title 24 · heading 19 · question 21 · body 17 · caption 14 · label 13 · figure 36. 조문 보기는 줄 수 제한 없음.
4. 부품
N 웰페어와 같다 — 단추 52~54dp(주요 = 주황 바탕 흰 글자), 카드 = 면 + 1dp 선, 보기 칸 ①~⑤, 과목별 점수표(40% 미만 「과락」 칩), 교재 절(형광펜·근거 조문 카드·확인 OX·메모), 터치 48dp 이상. 표 개념 카드(정족수·임기·시효 기간)는 칸 안에서 줄바꿈.
5. 화면
- 홈 — 날짜 / 3법 카드(헌법·민법·형법 기초·전 과목 진도·앱 목표 기준) / 오늘 / 이어 하기 / 오늘의 복습 / AI 학습 코치 / 영역 카드 8장 / 도구.
- 목차 — 헌법/민법/형법 탭, 영역·단원 줄, 과목 평가·3법 종합 평가.
- 주제 — 개념 / 예제·풀이 / 연습.
- 평가 — 남은 시간, 번호판, 이전·다음·제출. 결과: 점수 · 과목별 점수 · AI 선생님 총평 · 단원별 정답률 · 약점 유형 · 문항별 풀이.
- 교재 — 영역 칩 / 이어 읽기 / 책갈피 / 장·절.
- 설정 — 학습 · 화면 밝기 · AI 선생님 · 기록 · 처리방침 · 고지(법률 자문 아님).
6. 아이콘·스플래시
패밀리 규칙(_nova-brand/ICON-SYSTEM.md): 주황 그라데이션 바탕 + 흰 기둥 법원(지붕·기둥 셋·받침) + 지붕 안 주황 점(「법 안의 한 사람」). 글자 없음. tools/make_icon.py.
스플래시: 흩어진 ①~⑤·§·⚖·조·항이 모여 기둥 법원이 떠오르고 주황 점이 켜진다 → 「N 렉스 / 헌법·민법·형법, 조문에서 시작하는 법학 기초」. 움직임 줄이기면 마지막 장면만.