5240 슬라이드 표준 v1
이 페이지를 읽은 AI 는 아래 색·로고·규칙으로 슬라이드를 만든다. 다른 색·다른 로고·다른 레이아웃을 쓰지 않는다.
규칙
- 슬라이드는 1600×900 px HTML 이다. 스타일은 deck.css 를 그대로 쓴다. 고치지 않는다.
- 박스·카드에서 글자가 넘치면 실패다. 어절 중간 줄바꿈도 실패다.
- 페이지 유형은 표지·오프너·콘텐츠(라이트)·클로저 넷뿐이다.
- 강조색은 한 장에 하나. 라이트는 남색, 다크는 하늘색이다. 파스텔 다섯은 다섯이 나란히 서는 자리에만 쓰고 차례를 바꾸지 않는다.
- 로고는 brand/ 의 파일만 쓴다. 캡처·재작도·색 변경 금지. 표지·오프너·클로저에만 넣는다.
- 값이 없으면 지어내지 않는다.
<span class="need">입력 필요 · 항목</span>을 넣는다. - 숫자를 쓰면 그 장에
<div class="src">출처: …</div>를 넣는다. - 제목은 결론 문장이다. 한 장에 메시지 하나다. 하단 sowhat 한 줄로 닫는다.
- footer 우측은 NN / 총장수 다. 순서와 총수가 맞아야 한다.
- 근거 없는 최상급을 쓰지 않는다 — 「최고의」·「유일한」·「넘버원」.
- 제목에 이모지를 쓰지 않는다.
- PDF 는 HTML 에서 뽑는다. 파워포인트에서 직접 만들지 않는다.
색
새로 만든 색이 없다. 근거를 칸에 함께 적는다.
| 이름 | HEX | 토큰 | 쓰는 곳 | 어디서 | |
|---|---|---|---|---|---|
| 남색 | #333D9D | --navy | 라이트 강조. 다크 바탕 | 로고 원본 | |
| 하늘 | #A7D7F4 | --sky | 다크 강조 | 로고 원본 | |
| 먹빛 | #14161a | --ink | 라이트 본문 글자 | tokens.css | |
| 읽는 색 | #3d4450 | --read | 설명 글자 | tokens.css | |
| 옅은 색 | #838b96 | --faint | 출처. 바닥글 | tokens.css | |
| 선 | #e6e5e0 | --line | 테두리. 표 머리 | tokens.css | |
| 흰 판 | #ffffff | --surface | 카드. 표 바탕 | tokens.css | |
| 바탕 | #fbfbf9 | --bg | 라이트 페이지 바탕 | tokens.css |
파스텔 다섯
다섯이 나란히 서는 자리에만 쓰고 차례를 바꾸지 않는다.
남보라
#E3E6F6--pastel-1
하늘
#DDEDF5--pastel-2
연둣빛
#E2F0E6--pastel-3
살구
#FAEBE2--pastel-4
연보라
#F1E7F3--pastel-5
로고
brand/logo-5240-color.svg
brand/logo-5240-white.svg
brand/logo-5240-gray.svg- 라이트 배경은 색 판, 다크 배경은 흰 판이다. 사진 위는 흰 판에 사진을 어둡게 깐다.
- 슬라이드에서 높이 28 px 이상. 여백은 로고 높이만큼 사방에 둔다.
- 심볼만 떼어 쓰지 않는다. 이 로고에는 단독으로 쓰는 심볼이 없다.
- 표지·오프너·클로저에만 넣는다. 콘텐츠 장에는 넣지 않는다 — 매 장 같은 자리에 있으면 읽는 눈이 그것을 먼저 본다.
페이지 유형
| 유형 | 클래스 | 구성 |
|---|---|---|
| 표지 | .slide.dark.cover | 다크. 제목·부제·날짜·상대. 우측 하단 흰 로고 |
| 오프너 | .slide.dark.opener | 다크. 섹션 번호·섹션 제목·한 줄 요지 |
| 콘텐츠 | .slide | 라이트. eyebrow → 결론 제목 → 본문 → sowhat → src → footer |
| 클로저 | .slide.dark.closer | 다크. 결정 요청·다음 단계·연락 |
치수
슬라이드는 1600×900 px 이다. 판은 늘어나지도 줄지도 않는다.
| 자리 | 값 | 토 |
|---|---|---|
| 안전 여백 | 위 72 · 좌우 96 · 아래 64 px | 이 밖으로 나간 요소는 이탈이다 |
| 표지 제목 | 64 px / 1.25 | |
| 오프너 제목 | 52 px / 1.3 | |
| 콘텐츠 결론 제목 | 40 px / 1.35 | 2줄까지. 3줄이면 메시지가 둘이다 |
| eyebrow | 16 px / .08em 자간 | 제목 위 한 마디 |
| 본문 | 22 px / 1.7 | 이 아래로 줄이지 않는다 |
| 내세우는 숫자 | 56 px / 1.1 | 한 장에 하나 |
| 표 | 18 px (머리 16) | |
| sowhat | 24 px / 1.5 | 한 줄. 넘치면 메시지를 줄인다 |
| 출처 | 14 px | |
| footer | 14 px | 좌는 편 이름, 우는 NN / 총장수 |
| 카드 | 곡률 14 · 테두리 1 px · 안쪽 32 px | 곡률은 6·10·14·999 넷뿐 |
| 간격 | 4 8 12 16 24 32 48 64 96 중에서 | 자리마다 새로 고르지 않는다 |
파일
deck.css표준 스타일. 그대로 쓴다5240_DECK_STANDARD.md규격 전문. 치수·컴포넌트·검사 기준AI_INSTRUCTIONS.md이 페이지의 텍스트판BRAND.md로고 파일 목록과 쓰는 법build.mjs넘침·이탈 검사기. 캡처와 PDFslides/유형마다 한 장씩 예제 넷
키트로 만들 때
- slides/ 에 담당 파일만 쓴다. 다른 파일은 열지 않는다.
- node build.mjs --only NN 을 돌려 「넘침/이탈 0건 — PASS」 가 나올 때까지 고친다.
- shots/NN.png 를 전부 열어 눈으로 확인한다. 겹침·빈 공간·정렬을 본다.
- 보고에는 검사 마지막 출력과, 눈으로 고친 항목과, 못 한 것을 적는다.
지침 전문은 AI_INSTRUCTIONS.md 에 있다. 그대로 붙여 쓴다.