# 5240 슬라이드 표준 v1 — 규격

이 페이지를 읽은 AI 는 아래 색·로고·규칙으로 슬라이드를 만든다. 다른 색·다른 로고·다른 레이아웃을 쓰지 않는다.

## 판

슬라이드는 297×210 px 이다. 판은 늘어나지도 줄지도 않는다 —
검사기가 이 상자 밖으로 나간 요소를 이탈로 잡는데, 판이 늘어나면 그 판정이 무의미해진다.

스타일은 `deck.css` 를 그대로 쓴다. 장 전용 스타일은 그 장의 `<style>` 안에
장 접두어를 붙여 넣는다. `deck.css` 를 고치지 않는다.

## 치수

| 자리 | 값 | 토 |
|---|---|---|
| 판 안쪽 여백 | 위아래 7mm · 좌우 9mm | 종이에서는 @page 여백 14·16mm 이 그 자리를 맡는다 |
| 쓸 수 있는 자리 | 265 × 182mm | 182 를 넘기면 빈 장이 딸려 나온다 |
| 표지 제목 | 9 tp / 1.2 |  |
| 여는 장·선언 장 제목 | 7.2 tp / 1.3 |  |
| 번호 장 결론 제목 | 5.6 tp / 1.35 | 2줄까지. 3줄이면 메시지가 둘이다 |
| 꼬리표 | 2.6 tp / .08em 자간 | 번호 장은 숫자, 여는 장과 맺음은 글자 |
| 본문 | 3.7 tp / 1.55 | 이 아래로 줄이지 않는다 |
| 내세우는 숫자 | 7.8 tp / 1.1 | 한 장에 하나 |
| 표 | 3.1 tp (머리 2.8) |  |
| sowhat | 4 tp / 1.4 | 한 줄. 넘치면 메시지를 줄인다 |
| 출처 | 2.4 tp |  |
| 쪽 번호 | 2.4 tp | 좌는 편 이름, 우는 NN / 총장수 |
| 카드 | 곡률 14 · 테두리 1px · 안쪽 6mm | 곡률은 6·10·14·999 넷뿐 |
| 좁은 화면 | 900px 미만은 판을 벗는다 | 흐르는 글이 된다. 휴대폰에서 판을 씌우지 않는다 |

곡률은 `6 · 10 · 14 · 999` 넷뿐이다. 간격은 `4 8 12 16 24 32 48 64 96` 아홉 중에서 고른다.
자리마다 새로 고르지 않는다.

## 유형

| 유형 | 클래스 | 꼬리표 | 구성 |
|---|---|---|---|
| 표지 | `.sheet.cover` | 없다 | 그림과 제목, 받는 분과 날짜, 차례 |
| 여는 장 | `.sheet.open` | 글자 | 큰 꼭지를 여는 물음 하나. 여기서 꼭지가 시작된다 |
| 번호 장 | `.sheet` | 숫자 | 꼬리표 → 결론 제목 → 본문 → sowhat → 출처 → 쪽 번호 |
| 선언 장 | `.sheet.declare` | 글자 | 허리에서 한 번 못박는 장. 여는 장과 같이 꼭지를 가른다 |
| 맺음 | `.sheet.end` | 글자 | 한 그림으로 되짚고, 마지막 문장과 서명으로 닫는다 |

| 변형 | 무엇 |
|---|---|
| `.dark` | 남색 바탕으로 뒤집는다. 여는 장·선언 장·맺음에만 쓴다 — 번호 장을 다크로 두면 인쇄에서 잉크를 먹는다 |
| `.flip` | 좌우 배치를 뒤집는다. 그림이 왼쪽으로 간다 |

번호 장 한 장의 차례는 이렇다. 판은 두 겹(`.sheet` + `.page`)이다.

```html
<section class="sheet">
  <div class="page">
    <p class="sec-num">03</p>
    <h2 class="title">결론 문장</h2>
    <div class="body"> ... </div>
    <p class="sowhat">그래서 무엇을 한다</p>
    <div class="src">출처: ...</div>
    <div class="foot"><span>편 이름</span><span class="no">03 / 15</span></div>
  </div>
</section>
```

## 발표 슬라이드에서 가져온 것

소개 시리즈에 없던 자리다. 좋은 것만 받는다.

| 무엇 | 왜 |
|---|---|
| 결론 제목 | 제목이 「발령기준 이력관리」처럼 이름이면 그 장이 무엇을 말하려는지 알 수 없다. 결론 문장으로 적는다 |
| sowhat 한 줄 | 「그래서 무엇」이 없으면 기능을 늘어놓은 것으로 읽힌다. 장마다 한 줄로 닫는다 |
| 출처 | 수치를 쓰고 근거를 적지 않으면 받는 사람이 그 숫자를 믿을 길이 없다 |
| 총수를 단 쪽 번호 | 번호만 있으면 몇 장짜리인지 모른다. NN / 총장수 로 적는다 |

## 컴포넌트

| 클래스 | 무엇 |
|---|---|
| `.figure` | 내세우는 숫자. 한 장에 하나 |
| `.cards`, `.card` | 나란히 세우는 상자 |
| `.five` | 다섯이 나란히 서는 자리. 파스텔 다섯이 차례대로 걸린다 |
| `table` | 표. 머리는 `--line` 바탕 |
| `.need` | 값이 없을 때. 지어내는 대신 이것을 넣는다 |
| `.sowhat` | 한 줄로 닫는 자리. 넘치면 문장을 줄인다 |
| `.brand` | 로고 자리. 표지·오프너·클로저에만 |

## 검사 기준

`node build.mjs` 가 보는 것이다. 하나라도 걸리면 실패다.

1. **넘침** — 상자 안 내용이 상자보다 크다.
2. **이탈** — 요소가 슬라이드 밖으로 나갔다.
3. **어절 중간 줄바꿈** — 낱말이 줄 끝에서 잘렸다.
4. **출처 없는 숫자** — 숫자를 쓴 장에 `.src` 가 없다.
5. **번호 어긋남** — footer 의 `NN / 총장수` 가 순서·총수와 맞지 않는다.
6. **근거 없는 최상급** — 「최고의」·「유일한」·「넘버원」.
7. **제목 이모지**.

## 파일

- `deck.css` — 표준 스타일. 그대로 쓴다
- `5240_DECK_STANDARD.md` — 규격 전문. 치수·컴포넌트·검사 기준
- `AI_INSTRUCTIONS.md` — 이 페이지의 텍스트판
- `BRAND.md` — 로고 파일 목록과 쓰는 법
- `build.mjs` — 넘침·이탈 검사기. 캡처와 PDF
- `slides/` — 유형마다 한 장씩 예제 다섯