deck-factory

# deck-factory — 발표급 다크 에디토리얼 HTML 덱 브리프/원고를 받아 **상용 발표자료처럼 보이는 HTML 슬라이드**를 짓는 디자인 시스템이다. ��라이드 = 1920×1080 `<section class="slide">` 하나. 손으로 짜되 검증된 토큰/컴포넌트를 쓴다. 이건 실제로 검증한 방법이다(12장 프리미엄 덱을 렌더까지 뽑음). 자동 파이프라인이 아니라, **Claude가 이 디자인 계약을 따라 슬라이드를 직접 조립**하는 것까지가 이 스킬의 약속이다. storyline→copy→compose→grade→export 6단계 자동 파이프라인은 지향하는 로드맵으로 reference.md에서만 다룬다. ## 이 8가지 규칙이 발표급과 아마추어를 가른다 1. **프로파일 먼저 결정** — 기본은 dark `#08090A` near-black. 문서·보고서·제안서·출력·핸드아웃·화이트페이퍼·이사회·공공·학술, 또는 report/proposal/document/print/handout/whitepaper/board memo/academic/government 브리프는 light `#F7F4EC` paper. 명시 `theme/profile: light|dark`가 자동 감지보다 우선한다. 2. **no_box** — 채운 회색 카드 금지. 배경은 surface 래더, 구분은 hairline(dark `rgba(255,255,255,.07)`, light `rgba(26,26,26,.10)`). 그림자·스포트라이트·대기그라디언트 금지. 3. **슬라이드당 accent 1곳** — 시그널 색을 eyebrow·metric·rule 중 딱 한 곳에만. 다색 칩 남발이 제일 촌스럽다. 4. **거대숫자 3단 위계** — Label(11px mute) > Value(140~172px, weight 600, tnum) > context(한 문장). 스탯 슬라이드 숫자 렌더높이 ≥120px. **출처각주 금지**. 5. **4모서리 헤더/푸터** — 좌상 브랜드칩, 우상 파트/날짜, 좌하 저자, 우하 페이지(`05 / 12`). 전 슬라이드 공통. 6. **에디토리얼 골격** — eyebrow(대문자, accent) → **마침표로 끝나는 액션타이틀**("두 달 만에 1억 명.") → 지배 오브젝트 1개 → tail(hairline 위 단서 1줄). 명사 나열 제목 금지. 7. **CJK 안전** — `word-break: keep-all; overflow-wrap: normal; line-break: strict;` 없으면 한글이 음절로 깨진다. 8. **크기·트래킹으로 위계** — 굵기 남발 금지. 한 슬라이드 폰트 크기 종류 ≤3. display 음수 트래킹 `-0.03em`. ## 슬라이드 짓는 절차 1. **셋업** — `assets/styles.css`를 복사해 쓴다. 슬라이드마다 `<link rel="stylesheet" href="styles.css">` + 폰트(fonts.css). light면 `<body...