designpaca/research/dogfood-optics/02-direction.md
Yun Chan 72337b7ee0
Some checks failed
ci / build (push) Failing after 5s
feat(skill): 자율 검증 폐쇄 루프 내재화 — 0.6.0
- 핵심 규칙 6: 완료의 정의는 게이트 통과. 사용자를 QA로 쓰지 않는다
- 5단계 기계 검사 4번째: design-gate 실행 의무화
- references/audit-gate.md: 사고-검사 매핑, SEO/meta 체크리스트, OS/브라우저 특성, 하니스 규칙
- tools/design-gate.mjs: 범용 게이트(메타/SEO·대비·수축·리듬·트랙·스케일×폭 + 옵션 L0/L3/L4, checks 깊은 병합)
- 리듬·트랙 불변식: 숫자 라벨 등폭·빈 셀 트랙 균일·등간격 — 시간표 자동배치 결함 재현 픽스처 검출, 앱 15뷰 통과(오탐 0)

feat(site): 관리 앱 2종 프로덕션 콘솔(v6→v18)

- 가온 학적부 9뷰·두레 수강신청 6뷰: shadcn 문법, Pretendard/Noto Serif/IBM Plex 폰트 전략, 볼드 금지(400/500/600), WCAG AA 대비 전면 교정, 한글 keep-all 조판
- LMS 필수 요소(알림 센터·공지·진도·평가 유형·출결 사유·학점 경고), 12명 기준 데이터 정합, SEO 구조(h1 유일·OG/twitter·og.png)
- 시간표 자동배치 결함 수리(명시적 격자 좌표)
- QA 게이트: L0 stylelint/html-validate · L1 단위 30 · L2 감사 61+불변식 · L3 시각회귀 30화면 · L4 WebKit · L5 키보드 탐색 — npm run verify 실패 시 배포 금지 체인
2026-08-22 21:22:05 +09:00

17 lines
938 B
Markdown

# 02. 디자인 방향 — Lumina Optics
## 1. 한 문장 컨셉
"빛의 굴절률(IOR)과 분산(Dispersion)을 실시간 3D 셰이더로 계산하는 초정밀 광학 렌즈 연구소."
## 2. 안티 골 (Anti-Goals)
- ❌ 흔한 AI 사이버펑크 네온 글리치 효과 배제
- ❌ 의미 없는 회전 3D 오브젝트 남발 금지 (실제 IOR 물리 시뮬레이션으로 한정)
- ❌ 버튼 텍스트 줄바꿈/외톨이 단어 발생 원천 차단 (`white-space: nowrap`)
## 3. 감수한 리스크 (Single Risk)
- 정적 배너 대신 브라우저 Three.js 3D 프리즘 굴절 엔진과 실시간 IOR HUD 슬라이더를 첫 화면에 배치합니다.
## 4. 3단계 토큰 체계
- **기본면**: `#08090C` / **올린면**: `#101218` / **카드면**: `#161922`
- **본문 잉크**: `#F2F5FB` (대비 18.1:1 AAA) / **액센트**: `#00E5FF` (9.8:1 AAA)
- **타이포**: Cinzel + Pretendard + JetBrains Mono (고정폭 정렬)