designpaca/apps/site/public/work/rfs-cfd/design.md

RFS CFD — 2026-09-12 화면 보정 기록

구도·타입·색 관찰

• 기준 1440px 화면에서 620px 가까운 캔버스가 제목과 운전 제어보다 먼저 높이를 차지해, 사용자가 바꿀 수 있는 조건이 첫 화면 아래로 밀렸다.
• 제목·설명은 운전 제어의 맥락이어야 하며, 캔버스와 같은 세로 우선순위를 가져서는 안 된다.
• 기존 어두운 계기판, 청록·녹색 신호, 모노 수치와 낮은 대비의 장비 윤곽은 RFS 정체성으로 유지한다.

근거 확인 범위

• outputs/full-showcase-upgrade-20260912/screenshots/rfs-cfd/1440x1000-first.png
• index.html, styles/main.css, scripts/thermal-field.js의 캔버스·슬라이더·감소 모션·화면 밖 정지 계약
• 현재 제품 수치의 외부 근거는 이번 범위에서 확정하지 않는다.

결정 / 기각 조건

• 데스크톱은 좌측 설명·운전 장면·슬라이더·읽기 결과와 우측 420–480px 시뮬레이션을 한 계기면으로 배치한다.
• 캔버스 바깥의 DOM 제어, 2D 축소 표현 라벨, 실시간 모델, fallback, 감소 모션과 화면 밖 정지는 유지한다.
• 브라우저 데모를 100,000 파티클·60FPS 제품 성능으로 읽히게 하는 메타 카피는 기각한다. 공개 근거를 확인하지 못한 본문 성능 수치는 제거하고, 기능 설명으로 바꾼다.

토큰·규칙

• 기존 --dark-*, --band-*, --space-*, --font-mono만 사용한다.
• 제목은 데스크톱 clamp(2.45rem, 3.6vw, 4.25rem), 조작 설명은 본문 단계로 낮춘다.
• 캔버스는 데스크톱 clamp(26.25rem, 31vw, 30rem)으로 제한한다.

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이다.
• 이 기록은 렌더·계약 범위의 현재 결과다. 모든 폭·키보드 경로·인쇄 등 개별 기능을 완전 재실행했다는 뜻이 아니며, 참여자 과업 효과도 미측정이다.