| 320~390px 넘침 | 대비 AA | 텍스트 총량 | |
|---|---|---|---|
| A 자유 | 없음 (320~390px) | 미달 0 (최저 8.22:1) | 100% |
| B 자유 | 없음 (320~390px) | 미달 0 (최저 5.03:1) | 92% |
| C shadcn | 없음 (320~390px) | 미달 0 (최저 4.94:1) | 91% |
| D shadcn | 없음 (320~390px) | 미달 0 (최저 5.72:1) | 101% |
같은 원본 · 같은 브랜드 문서 · 같은 지시를 두 엔진에 주고 각각 개선하게 했습니다.
어느 쪽이 어느 엔진인지는 감춰 뒀습니다 — 자유 는 제약 없이,
shadcn 은 shadcn/ui 의 토큰 체계와 컴포넌트 아나토미를 따르되
색 값은 브랜드 문서로 정하라는 조건이었습니다.
? 를 누르면 지금 보고 있는 탭의 엔진이 나옵니다 — Claude 는 내부 서브에이전트,
codex 는 gpt-5.6-sol 입니다.
보실 것 — 브랜드 정합(중심 문장·보이스·색 방향·금기어) · 위계와 리듬 · 타이포그래피 · 완성도 · 절제.
넘침과 대비비는 배포본을 실제 렌더해 브라우저에서 잰 값입니다(파일 검사 아님). 공통 제약은 렌더 시 외부 요청 0건, 사실 변경 금지, 텍스트 총량 증가 금지, 대비 WCAG AA.