Field Manual · review exemplar · severity queue

출하 전선

검사를 통과한 화면도 읽기 어려울 수 있다.

2026-08-13 feno-canvas 디자인 전파 감사에서 확인된 세 가지 결함을 중요도 순서로 재현하고, 수정과 판정을 한 화면에 묶는다.

VERDICT · REPAIR BEFORE PROPAGATION
high

모바일 코드가 세로로 붕괴했다

390px 화면에서 코드 컨테이너가 두 열 grid의 좁은 칸에 남아 한 글자씩 줄바꿈됐다. 자동 layout audit은 가로 넘침과 SVG 오류가 없어 PASS를 반환했지만, 수동 이미지 검토는 실패를 포착했다.

재현

390×844 캡처에서 네 코드 예시 모두 한 글자 폭으로 축소.

원인

모바일 규칙이 code 요소만 이동했고 부모 컨테이너는 기존 grid 칸에 남음.

판정

부모를 전폭으로 이동하고 실물 캡처에서 정상 줄바꿈을 확인.

evidence · 20260813-canvas-design-guide · mobile capture before/after
medium

한글 규칙은 예시에 도달하지 않았다

설계 문서는 1.7 행간, 0 자간, keep-all, strict, 40–46ch를 요구하지만 여섯 개 한국어 예시 중 대부분은 라틴 중심 본문 기본값을 유지했다. 작성자는 설명보다 눈앞의 예시를 따라간다.

재현

한국어 본문을 가진 예시 6개 중 Lab Notebook만 1.7 행간 선언.

원인

새 규칙이 참조 문서에만 반영되고 family exemplar는 이전 상태로 유지.

판정

한국어 예시에만 공통 읽기 계약을 전파하고 패밀리별 활자는 보존.

evidence · design-system Korean bodies ↔ six family exemplars
medium

정지 상태가 기본이 아니었다

새 계약은 완성된 정적 화면 위에 모션을 더하라고 하지만, 다수 예시는 모션을 먼저 선언하고 reduced-motion에서 제거하는 이전 형태를 가르쳤다. 인쇄·무자바스크립트 경로가 예외가 되는 구조다.

재현

예시 다수가 reduce 블록만 갖고 no-preference additive CSS는 한 곳뿐.

원인

at-rule 제약이 사라진 뒤에도 예시의 작성 문법은 갱신되지 않음.

판정

의미는 항상 보이고, 모션은 no-preference 안에서만 한 번 더해진다.

evidence · motion contract ↔ exemplar media queries

repair protocol

고치는 순서가 곧 설계다

01 · FRAME

사용자가 내려야 할 판단과 반드시 보여야 할 근거를 먼저 고정한다.

02 · STILL

모바일·인쇄·무자바스크립트에서도 완성된 정적 읽기 경로를 만든다.

03 · ENHANCE

컨테이너 반응형과 한 번의 모션처럼 실제 이해를 돕는 표현만 더한다.

04 · LOOK

검사 결과와 별개로 desktop·390px·print 실물을 사람이 직접 읽는다.

출하 판단은
체크 수가 아니라
남은 결함이다