토대 - 타이포그래피제목 바로 밑에 `src/styles/theme.css · text-* tokens · 1 file` 이 칩으로 붙는다. 문서가 어느 파일을 설명하는지를 문서가 스스로 가리키는 이 한 줄이 이 작업의 주장이다. 디스플레이는 Poppins, 본문은 Geist Variable, 한글은 시스템 서체 폴백이고 디스플레이 6단 × 본문 5단을 `--text-*` 토큰으로 낸다.기본 - 컴포넌트 한 장이 갖춰야 할 것Avatar 한 장에 플레이그라운드·코드·import 한 줄·크기·패턴·Props 표·디자인 토큰 표·DO/DON'T·접근성(키보드)·관련 컴포넌트가 다 있다. 특히 토큰 표는 클래스마다 출처를 `theme.css` 로 적어, 컴포넌트가 쓰는 값이 어디서 오는지 화면 안에서 따라갈 수 있다.애플리케이션 - 변형을 목록이 아니라 화면으로App Navigation 은 사이드바 다섯 벌과 헤더 넉 벌을 각각 실제 화면 미니 프리뷰로 세우고, 밑에 특징 세 개와 소스 경로를 붙인다. 「5 variants」라고 적는 대신 다섯 장을 나란히 놓아, 무엇이 다른지 읽지 않고 보게 했다.마케팅 - 제품 밖 화면도 같은 킷제품 화면과 성격이 다른 마케팅 헤더도 같은 문서 형식으로 들어와 있다(`@/ux/demos/marketing-header/_sections/MarketingHeader · 13 files`). 네 섹션이 한 사이드바 아래 있다는 것 자체가 「제품 넷이 한 벌의 화면 언어를 쓴다」를 구조로 보인 것이다.
