원형 D를 3층으로. 스켈레톤
archetype-D.v1.html(여덟시 상품목록·264개, 고정 DOM) + base
archetype-D.css(토큰 먹는 공용 그리드·카드·필터) +
tokens/NN.
이 tokens 30개는 연서 대화형 데모와 문자 그대로 같은 파일 — 색·형태·밀도는 원형과 무관하니까. 30장 body 바이트 동일, coverage 게이트 전수 통과.
구조 시그니처 21/30 저작 완료 — 터미널 스프레드시트·픽셀·신문·스위스 12열·맥시멀 회전에 더해
IBM Carbon 하드그리드·Material 3 엘리베이션·Ant 초고밀도·Bauhaus 원색도형·De Stijl 검은격자·Memphis 지그재그·Riso 겹인쇄·Neubrutal 하드섀도·글래스 backdrop-blur·뉴모 이중섀도·클레이 통통·벤토 모자이크·SF HUD 코너브래킷·Y2K 크롬/홀로·GOV.UK 노란포커스·접근성 44px타깃. "같은 그리드에 색만"이 아니라
구조 자체가 갈린다(signature는 DOM 불변·CSS만 추가라 body는 여전히 바이트 동일). 나머지 9개(shadcn·Braun·럭셔리·오가닉·오로라·다크애널·Polaris·다크미니멀·웜프로)는 토큰전용(서체·팔레트·스케일로 차별 — 원래 저구조 사조).
서체 재접지 완료: 30 스타일이 각 사조의 정본 서체
22종을 실제 웹폰트로 로드(Playfair·Cormorant·IBM Plex·Space Mono·VT323·Roboto·Fraunces·Atkinson…). 산업 라벨 10종(헬스케어·핀테크·엔터프라이즈…)은 출처 있는 디자인 언어(Bauhaus·De Stijl·IBM Carbon·Material 3·Memphis…)로 교체 —
출처·서체 문서.