feat(skill): route fixes, delivery report, composition diversity, platform refresh

- route table: extension route for products with an existing visual
  language, feedback row, derived state tokens stay local
- completion: blocking 0 plus reported unverified; hard-gate surface is
  the touched scope; delivery report starts with what and how to open
- design.md created at step 0 with a skeleton, fingerprint line and
  change log; product-surface rubric reading; direction delegation
  states the chosen card and reason
- layout: hero families, nav forms, footer forms; art-direction page
  convergence 6 axes; genre sections; image treatments; placeholder
  conventions; multi-screen order; Tailwind theme mapping
- platform: scroll-driven examples, anchor positioning, canvas OT,
  three/R3F pins, shadcn style prefixes, Safari 26 notes, subgrid
- design-gate: four result states, exit codes, cwd module resolution,
  --url/--out-dir/--strict, oklch contrast, dead selector word match
- Korean font budget split from the Latin baseline
This commit is contained in:
Yun Chan 2026-10-06 16:55:38 +09:00
parent 9bcb45cbd3
commit 88c11682b1
51 changed files with 5834 additions and 2259 deletions

View file

@ -13,18 +13,24 @@
### 타이포그래피
- 세리프 또는 고대비 산세를 주역 후보로 둔다. 대상 언어의 glyph·작은 크기·긴 읽기에서 더 잘 작동하는 쪽을 선택한다.
- 비율 **1.333~1.618**은 헤드라인과 본문 차이를 검토하는 출발 후보다. 실제 언어·폭·위계에서 필요한 차이를 확인해 정한다.
- 본문 `--measure`는 상대적으로 좁은 값에서 시작하고, 라틴 60~68자·한글 25~35자는 후보 범위로만 쓴다. 글꼴·언어·확대 상태의 실제 문단으로 확정한다.
- 본문 `--measure`는 상대적으로 좁은 값에서 시작하고, 라틴 60~68자·한글 25~35자는 후보 범위로만 쓴다(한글 정본은 [../typography.md](../typography.md) §6-5의 32~40자다. 그보다 좁게 잡는 것은 이 프리셋의 선택이고, 좁은 컬럼에 허용된 20자대 범위 안이다). 글꼴·언어·확대 상태의 실제 문단으로 확정한다.
- Regular + 하나는 관리하기 쉬운 시작점이다. 역할·언어·실제 위계가 더 많은 웨이트를 요구하면 전송량과 렌더를 확인해 추가한다.
| 슬롯 | 무료 | 유료 | 한글 |
| 슬롯 | 무료(라틴) | 유료(라틴) | 한글 후보 풀 |
|---|---|---|---|
| 디스플레이 | Instrument Serif, Fraunces | Signifier, PP Editorial New | 마루 부리 |
| 본문 | Spectral, Lora | Söhne, Tiempos | 마루 부리 / 리디바탕 |
| 디스플레이 | Instrument Serif, Fraunces | Signifier, PP Editorial New | Hahmlet · Song Myung · 제주명조 · 마루 부리 · (산세 표제면) Wanted Sans |
| 본문 | Spectral, Lora | Söhne, Tiempos | 리디바탕 · 이롭게 바탕 · Gowun Batang · 나눔명조 · Noto Serif KR · (산세 본문이면) Gowun Dodum · IBM Plex Sans KR |
- 한글 칸은 순서가 우선순위가 아니다. 선택 기준: **긴 읽기 본문**이면 대비가 낮고 속공간이 넉넉한 바탕(리디바탕·이롭게 바탕)을, **손맛·공예·문화재** 브리프면 붓 기운이 남은 쪽(Gowun Batang·Song Myung)을, **영화·포스터·강한 표정**이면 Hahmlet·제주명조를 먼저 proof sheet에 올린다.
- 마루 부리는 designpaca로 만든 쇼케이스 21종 실측(2026-10-01)에서 11종이 표제에 썼다. 직전 산출물과 겹치면 다른 후보로 바꾸거나, 두 후보와 비교한 기록을 남긴다(`README.md`의 포트폴리오 반복 점검).
- 서체 성격과 라이선스는 [README.md](README.md)의 한글 서체 후보 풀을 따른다.
### 색
- 종이 같은 따뜻한 배경과 순백 모두를 콘텐츠·이미지·브랜드 대비로 비교한다. `#fbfaf8`, `#f7f5f0`은 출발값 후보일 뿐이다.
- **배경 명도 범위**: 밝은 종이(OKLCH L 0.94~0.99)만이 아니다. 이미지·브랜드가 지지하면 중간 명도 유채색 면(L 0.55~0.80, C ≤ 0.10 — 예: 청회·올리브·쪽빛 회색)이나 깊은 유채 다크(L 0.15~0.25)도 editorial 리듬을 해치지 않는다. 웜 오프화이트(`#f4f1e9`~`#fdfdfb` 부근)는 이 저장소에서 과다 사용된 출발값이므로 고를 때 브리프 연결 근거를 적는다.
- 잉크는 순흑과 근접색을 실제 대비·주변 이미지·긴 읽기에서 비교한다.
- **강조색 계열**: 콘텐츠 이미지에서 실제로 뽑은 색, 출판 전통의 인쇄 원색(주홍·코발트), 또는 무채 + 밑줄 위계 중에서 고른다. 녹·테라코타·갈색은 수렴 클러스터(`README.md`)이므로 콘텐츠가 그 색일 때만 쓴다.
- 강조색의 면적은 역할과 실제 대비로 정한다. 넓은 specimen field나 이미지 배경도 브랜드·위계·접근성을 지지하면 쓸 수 있으며, 링크·인용·페이지 번호는 대비·밑줄·위치로도 구분할 수 있다.
- **radius 범위**: 0~4px가 인쇄 어휘에 가깝지만, 이미지 프레임에 8~24px 큰 곡률이나 원형 크롭을 쓰는 매거진 문법도 있다. 2px 단일값을 습관으로 쓰지 않는다.
### 간격
- **여백이 콘텐츠다.** 섹션 간격을 본문 간격의 5~6배까지 벌려도 된다
@ -37,7 +43,7 @@
- 유리·네온·글로우는 이 프리셋에 어울리지 않는다
### 모션 (`motion.md`)
- **거의 움직이지 않는다.** 등장은 페이드 + 짧은 상승(8~16px) 이하
- **거의 움직이지 않는다.** 등장 연출은 없어도 된다. 넣는다면 페이드 + 짧은 상승(8~16px)이 상한이다. 스크롤 등장은 기본값이 아니다
- duration 은 느리게(`--dur-slow`), 이징은 `--ease-out`
- 스크롤 재킹 금지. 읽는 사람의 속도를 뺏지 마라