designpaca/apps/site/public/work/lumina-optics/design.md

Lumina Optics design.md

브리프

• 무엇을: IOR와 분산을 조작하는 가상 광학 시험대.
• 누구에게: 광선 모델의 조건과 결과물을 함께 읽으려는 방문자.
• 제약: WebGL/정적 폴백, 기존 슬라이더와 가상·측정 아님 표기를 유지한다.

결정표

축	관찰과 적용 범위	결정·역할 토큰	기각 조건
구도	기준 1440 화면에서 큰 프리즘이 제목과 조작을 폴드 아래로 밀었다.	제목·한계 설명을 상단에 두고 9:4 캔버스/제어 프레임을 배치한다. --container, --space-4, --space-6.	캔버스가 제어보다 큰 면적을 차지해 둘 중 하나가 첫 화면에서 사라지면 재조정한다.
타입	제목은 모델의 의미, 모노는 조건과 조작값을 읽게 해야 한다.	--step-3 제목, --step--1 시험대 원장과 제어 보조문을 유지한다.	실제 긴 라벨이 320px 또는 200% 확대에서 제어를 밀면 폭·간격을 수정한다.
색	스펙트럼만 광학 결과를 나타내며 UI 색은 보조여야 한다.	--surface, --surface-raised, --accent-stroke을 프레임·포커스·입력에만 쓴다.	UI 색이 캔버스의 분산 광선보다 먼저 읽히면 채도를 줄인다.

근거와 경계

art-direction.md의 Hofmann 관련 구도·군집 관찰을 제목/작업면 분리에만 적용했다. typography.md의 Ruder 관련 실제 카피·수치 proof 범위를 타입 계층에만 적용했다. visual-design-lineage.md의 Albers 관련 색 맥락은 캔버스와 UI 표면의 대비 확인에만 적용했다. 이 세 자료는 성능·이해도 법칙으로 사용하지 않는다.

trustworthy-showcases.md의 진실 범위에 따라 모델·사양·곡선의 illustrative 표기를 가까운 공통 표면에 유지한다. 캔버스 안에는 텍스트를 굽지 않는다.

2026-09-12 현재 검증 기록

• verify-final 18개 묶음은 16개가 즉시 통과했다. 전체 묶음의 invariant·visual 검사는 Gaon·Dure를 대상으로 하며, 나머지 2개는 수정 뒤 release 독립 재실행에서 ALL PASS·ALL MATCH였다.
• root는 28개 모바일, 21개 데스크톱, 7개 하위 경로와 30개 앱 상태를 직접 검토해 수용했다. stress 112건은 hard failure 0이며, 가로 넘침 4건은 targeted fix 뒤 390px 재측정에서 0이다.
• 이 기록은 렌더·계약 범위의 현재 결과다. 모든 폭·키보드 경로·인쇄 등 개별 기능을 완전 재실행했다는 뜻이 아니며, 참여자 과업 효과도 미측정이다.