PPTppt-every-golden-grid-keynote

Every 골든 그리드 키노트PREMIUM

황금비(1:1.618)로 분할된 그리드가 모든 슬라이드의 골격이고 이미지 블록·텍스트 컬럼·여백·폰트 크기까지 전부 황금 스케일을 따르는, 무채색 + muted gold 한 점의 비례 일관성 미니멀 키노트.

상세 페이지 미리보기6개 활용 장면

색 토큰

bg
#FAFAF8
text
#161616
text_muted
#6E6E68
accent
#B5A642
border
#D8D8D2
data_light
#C4C4BE
data_dark
#6E6E68

타이포 · 간격 토큰

display · {"family":"Inter","fallback":"Helvetica Neue, Pretendard, sans-serif","size":"55pt","weight":600,"tracking":"-0.01em","leading":1.15}
subhead · {"family":"Inter","size":"34pt","weight":600}
body · {"family":"Inter","fallback":"Helvetica Neue, Pretendard, sans-serif","size":"21pt","weight":400,"leading":1.5}
caption · {"family":"Inter","size":"13pt","weight":500,"tracking":"0.04em","color":"#6E6E68"}
kpi · {"family":"Inter","size":"55pt","weight":600,"numerals":"tabular"}
spacing.unit · 8
spacing.margin_x · 0.62in
spacing.margin_y · 0.5in
spacing.grid · golden-ratio block grid — large:small block = 1.618:1, recursively subdivided
spacing.scale · golden type scale 13/21/34/55pt (ratio 1.618)

스타일 축

색채mono
타이포minimal-sans
레이아웃block-grid
여백balanced
모션subtle
familygolden-grid

출처

원자산은 각 출처 라이선스를 따름. 본 팩이 배포하는 것은 디자인 명세·토큰이며 원자산 사본이 아님. 브랜드 영감은 brand_inspiration로만 참고하며 독점 폰트는 오픈 폰트로 대체한다.

이 팩 적용하기 — design-pick 스킬

Claude Code에 design-pick 스킬이 설치돼 있으면, 아래 한 줄을 붙여넣는 것으로 이 팩이 적용됩니다.

PPT 만들기
design-pick 스킬로 "ppt-every-golden-grid-keynote" 팩을
적용해서 [내 주제] 발표자료를 만들어줘

스킬이 없다면 — GitHub 저장소의 design-diversity 에서 skills/design-pick .claude/skills/에 복사하면 됩니다.

스킬 없이 쓰기 — 디자인 지시문(prompt.md) 직접 복사
prompt.md
# Every 골든 그리드 키노트 — ppt 디자인 팩

아래 지시를 한 블록으로 따라 16:9(13.33×7.5in) 슬라이드 덱을 만든다. Every 골든 그리드 키노트 — 황금비(1:1.618)로 분할된 그리드가 모든 슬라이드의 골격이고, 이미지 블록·텍스트 컬럼·여백·폰트 크기까지 전부 황금 스케일을 따르는 비례 일관성의 미니멀 키노트. 무채색 + muted gold 한 점.

## 이 스타일의 정체성
한눈에 알아보는 단서: (1) 모든 슬라이드가 큰 블록 1.618 : 작은 블록 1로 분할되고 그 안이 다시 황금비로 재분할된다 — 균등 12열이 아니다, (2) 폰트 크기도 황금 스케일(13/21/34/55pt) — 인접 크기 비율이 1.618, (3) 무채색 캔버스에 차분한 muted gold `#B5A642` 단 한 점. 황금나선 가이드가 콘텐츠 무게중심에 맞는 비례 미감.

## 색
- 배경 `#FAFAF8` (따뜻한 오프화이트)
- 본문 잉크/헤딩 `#161616`
- 강조 muted gold `#B5A642` — 라벨·차트 핵심 계열·작은 룰에만. 채도 낮은 골드 한 점.
- 그리드 라인 `#D8D8D2` (1px, 옅게 노출 가능)
- 본문 그레이 `#6E6E68`
- 강조색은 muted gold 1개뿐. 그라디언트·다른 컬러 금지.
- 통화 표기: 거대 수치는 `₩` 글리프 대신 `1,240억`·`KRW 1.24T`·`$1.2B` 식으로 표기(일부 폰트에서 ₩가 숫자와 겹친다).

## 타이포그래피
- 폰트: 전부 `Inter`(대체 `Helvetica Neue, sans-serif`). 한글은 `Pretendard`.
- **황금 스케일** — 인접 크기 비율 1.618: 캡션 13pt / 본문 21pt / 부제 34pt / 헤딩 55pt. (작은 덱은 13/21/34, 큰 헤딩 슬라이드만 55pt.)
- 슬라이드 헤딩: 34pt 또는 55pt / Inter 600 / 자간 -1% / 행간 1.15
- 본문: 21pt / Inter 400 / 행간 1.5(=21×1.618÷2 근사) / 슬라이드당 6줄 이하
- 캡션·라벨: 13pt / Inter 500 / 자간 +4% / 색 본문 그레이 또는 골드
- KPI 대형 수치: 55pt / Inter 600 / tabular numerals

## 레이아웃 / 그리드
- **황금비 블록 그리드(balanced) + 고정 외곽 여백.** 1280×720 기준 좌·우·상 외곽 여백 각 60px 고정, 하단 풋라인 baseline 52px 고정 — 모든 슬라이드 동일, 드리프트 금지. 안전 영역 안에서 슬라이드를 큰 블록 : 작은 블록 = 1.618 : 1로 분할(가로 또는 세로). 큰 블록을 다시 1.618 : 1로 재분할 가능.
- 콘텐츠 무게중심을 황금나선 초점(슬라이드 폭의 약 61.8% / 38.2% 교차점)에 맞춘다. 헤딩 baseline·텍스트 좌측 엣지는 슬라이드 타입별로 동일 위치에 고정.
- 이미지 블록·텍스트 컬럼·여백이 전부 황금비. 임의 크기·off-grid 배치 금지 — 비례 일관성이 정체성. 수직 리듬은 황금 스케일의 13/21/34px 스텝.
- 1px 그리드 라인 `#D8D8D2`을 배경에 옅게 노출 가능(가이드처럼).
- **구성 균형:** 캔버스의 어느 한 영역도 ~20%를 넘게 비우지 않는다. 황금비 자투리 블록도 콜아웃·메트릭·캡션으로 채워 한 구석에 죽은 오프화이트 공백이 고이지 않게 한다.
- **밀도 원칙:** 미니멀 비례 미감이라고 슬라이드가 비어도 된다는 뜻이 아니다 — "비례 일관성"과 "빈약"은 다르다. 큰 블록 안을 다시 황금비로 재분할해 **모듈 3개 이상**(헤딩 + 본문 + 보조 차트/KPI/콜아웃)을 비례에 맞춰 채운다. 본문 슬라이드는 캔버스 85% 이상을 의미 있는 모듈로.
- **모듈 좌표 컨벤션:** 가로 1.618:1 분할 후 큰 블록을 다시 세로 1.618:1 재분할 → 헤딩/본문/메트릭 3존. 작은 블록은 차트 또는 KPI 카드. 모든 모듈 경계가 황금비 분할선과 일치.
- **콜아웃 모듈:** 옅은 그리드 라인 윤곽 + 좌측 0.08in 골드 룰의 작은 블록, 안에 13pt 인사이트 1줄. 블록 높이는 내용 높이 + 일관 패딩으로 — 하단 절반이 비지 않는다. 차트·본문 옆 황금비 자투리 블록에 배치해 빈 공간 대신 의미를 둔다.
- **이미지/비주얼 블록은 실제 비주얼을 담는다.** 황금비 이미지 블록은 반드시 실제 렌더된 비주얼(부드러운 톤 그라디언트 필드 + 라벨, 비례 차트, 다이어그램)을 담는다 — 평면 단색 빈 블록 금지(누락 에셋처럼 보인다).
- **레퍼런스 미세 디테일:** 대문자 라벨은 자간 +0.12~0.16em, 13px. 그리드 라인은 덱 전체 0.75~1px 일관. 모든 본문성 슬라이드는 좌하단 출처 캡션 + 우하단 페이지 번호를 풋라인 baseline에 정렬. 수치는 tabular figures, 소수 자릿수·단위 일관. tabular 수치는 우정렬.

## 형태 / 질감
- 모서리 반경 0px(각진 블록). 보더는 1px 그리드 라인 `#D8D8D2`. 그림자·그라디언트 전면 금지.
- 이미지는 직사각형, 황금비 비율의 블록에 꽉 차게(클립 없음).
- muted gold는 작은 라벨·룰·차트 핵심 계열에만 — 면으로 쓰지 않는다. 아이콘 거의 안 씀.

## 차트·데이터 시각화 (비례 차트 — 무채 + 골드 한 점)
차트는 SVG로 정밀 렌더한다(div 블록 막대 금지). 차트도 황금비 블록 안에 비례적으로 앉는다.
- **데이터 색:** 막대·선 기본은 무채색 `#C4C4BE`(연) / `#6E6E68`(진). 강조할 1개만 muted gold `#B5A642` 솔리드. 무지개 채색 금지.
- **막대 형태:** 막대 폭 : 간격 = 1.618 : 1(황금비). 모서리 0px. 베이스라인 0에서 정확히(잘린 y축 금지).
- **차트 블록 크기:** 차트 영역 자체가 황금비 직사각형(폭:높이 = 1.618:1).
- **데이터 잉크 최소화:** 격자선 제거(또는 y축 주요 눈금 2~3개 0.5pt `#D8D8D2`). 차트 테두리 박스 제거. x축선 0.75pt `#6E6E68`.
- **값 레이블:** 막대·꼭짓점에 직접 표기, 13pt Inter 500 tabular. 범례 박스 금지 — 직접 라벨링.
- **출처:** 차트 하단 좌측 13pt Inter `#6E6E68` 출처·단위 각주.
- **타입 매칭:** 비교=세로 막대, 추세=1pt 폴리라인(면적 없음), 비중=도넛 1개(조각 3개 이하). 파이 다중·3D 금지.

## 다이어그램·컴포넌트 (황금비 다이어그램 키트)
색만으로는 템플릿이 아니다. 아래 컴포넌트를 모두 SVG로 정밀 렌더하며 **하나의 다이어그램 언어**를 공유한다 — 모든 노드는 각진(반경 0px) 황금비 직사각형 블록, 보더 1px 그리드 라인, 커넥터는 1pt 가는 라인, 노드·간격 크기가 황금비, 강조는 muted gold 텍스트·작은 룰.
- **프로세스 플로우:** 좌→우 사각 노드 — 노드 크기 황금비 직사각형, 노드 폭 : 간격 = 1.618 : 1, 1px 그리드 라인 보더. 노드 사이 1pt 가는 라인 커넥터. 단계 번호는 13pt 골드. 핵심 단계만 좌측 0.08in 골드 룰.
- **타임라인:** 수평 축 0.75pt `#6E6E68`. 마일스톤 간격이 황금비로 증감. 마커는 0.12in 무채색 원(현재 시점만 골드). 라벨 13pt.
- **비교(2~3열):** 칼럼 폭이 황금비(1.618:1 또는 균등 황금 재분할). 1px 그리드 라인 구분. 헤더 13pt 500. 우세 열만 골드 텍스트.
- **매트릭스 2×2:** 십자축을 황금비 위치(61.8%)에 두는 비대칭 2×2 — 0.75pt 그리드 라인. 데이터 포인트 0.12in 점(핵심만 골드). 사분면 라벨 13pt.
- **계층/퍼널:** 단 폭이 황금비로 감소하는 적층. 무채색 명도, 핵심 단만 골드. 레벨 라벨 우측 21pt.
- **KPI·스탯 카드:** 황금비 직사각형 카드, 1px 그리드 라인 보더, 13pt 라벨 + 55pt Inter 600 수치 + 13pt 골드 델타. 카드 크기·간격 황금비.
- **목차/섹션 디바이더/인용:** 목차는 `01`~`NN` 골드 번호 + 21pt 항목명, 행 간격 황금비. 디바이더는 황금나선 초점에 거대 55pt 헤딩 + 13pt 골드 섹션 번호. 인용은 황금비 블록에 34pt 풀쿼트 + 13pt 출처.

## 전환 (PPT)
subtle — 황금비 블록이 200ms ease-out으로 짧게 페이드 인하는 정도만. 슬라이드·바운스 모션 금지.

## 하지 말 것
- 균등 12열 그리드로 회귀 금지 — 황금비 분할이 정체성(균등 그리드는 다른 팩의 자리).
- 요소를 황금비 무시하고 임의 크기·위치에 두지 말 것 — 비례 일관성이 정체성.
- 그라디언트·그림자·둥근 카드·이모지·클립아트 금지.
- 강조색 2개 이상 금지 — muted gold 한 점.
- 차트 회귀: 3D, 무지개색, 격자선 과다, 범례 박스, 잘린 y축.
- **황금비 블록 하나에 요소 하나만 두고 비우기 금지.** 비례 일관성은 빈약이 아니다 — 본문 슬라이드는 황금비로 재분할된 모듈 3개 이상 + 출처 각주 + 페이지 번호.
- **캔버스 한 구석에 죽은 오프화이트 공백을 고이게 두지 말 것 / 빈 단색 플레이스홀더 블록 금지(이미지 블록은 실제 비주얼·톤 필드·차트를 담는다) / 헤딩 문장 중간 단어 비대 금지 / 외곽 여백·풋라인·헤딩 baseline 위치 드리프트 금지.** 외곽 여백 60px·풋라인 baseline 52px를 슬라이드 전체에서 고정한다.

## 상세 페이지 (6종)

### 01 · 표지 (cover)
오프화이트 배경. 슬라이드를 세로로 큰 블록(상단 61.8%) : 작은 블록(하단 38.2%)로 분할. 큰 블록 안 황금나선 초점(폭 61.8% 지점)에 55pt 600 타이틀 2줄. 작은 블록을 다시 가로 1.618:1 재분할 — 좌측에 13pt 골드 라벨 + 21pt 부제, 우측에 도큐먼트 메타 스트립(`PREPARED BY` · `DATE` · `VERSION` 13pt 라벨/값 3행). 1px 그리드 라인을 옅게 노출해 황금비 분할을 가시화. 우하단에 13pt 페이지 메타. 골드는 라벨에만. 표지는 절제 허용.

### 02 · 목차 (agenda)
슬라이드를 가로로 큰 블록(좌 61.8%) : 작은 블록(우 38.2%)로 분할. 좌측에 `01`~`05` 목차 — 골드 번호 13pt + 21pt 항목명 + 그 아래 13pt 그레이 한 줄 설명 + 우측 끝 13pt 페이지 번호, 행 간격이 황금비로 증감, 현재 섹션 좌측 0.08in 골드 룰(진행 인디케이터). 우측 작은 블록을 세로 1.618:1 재분할 — 상단에 34pt 섹션 헤딩, 하단에 본 덱 핵심 takeaway 3개를 골드 번호 미니 리스트로. 상단 13pt 라벨 + 옅은 그리드 라인.

### 03 · 섹션 간지 (section-divider)
오프화이트 전면. 황금나선 초점(폭 61.8% / 높이 38.2% 교차점)에 거대 55pt 600 섹션명. 그 위 13pt 골드 섹션 번호(`02 ─`) + 그 아래 21pt 섹션 한 줄 요지. 작은 블록(하단 38.2%)에 이 섹션이 다룰 항목 인덱스 3개를 골드 번호 + 13pt 라벨로. 1px 그리드 라인으로 황금비 분할선을 옅게 노출. 간지는 비교적 절제 허용하되 항목 인덱스로 빈 공간을 채운다.

### 04 · 핵심 본문 (황금비 블록) (body)
슬라이드를 가로 1.618:1 분할 — 큰 블록(좌)을 세로 1.618:1로 재분할: 상단존에 34pt 헤딩 + 21pt 리드 1줄, 하단존을 다시 1.618:1 분할해 21pt 본문 3~4줄과 메트릭 3개 미니 스트립(55pt 수치 → 작은 덱은 34pt + 13pt 라벨). 작은 블록(우)을 세로 1.618:1 재분할 — 상단에 황금비 이미지/비주얼 블록(실제 사진 또는 부드러운 톤 그라디언트 필드 + 라벨, 또는 보조 막대 차트 — 평면 단색 빈 블록 금지), 하단에 콜아웃 모듈(좌측 0.08in 골드 룰 + 13pt 인사이트, 내용 높이 + 일관 패딩). 1px 그리드 라인 노출. 하단 풋라인 baseline 52px에 13pt 출처 캡션(좌) + 페이지 번호(우). 모듈 3개 이상, 우측 영역에 죽은 공백을 남기지 않는다.

### 05 · 비례 차트 (chart)
가로 1.618:1 분할 — 큰 블록에 메인 차트(폭:높이 1.618:1 직사각형, 막대 폭:간격 1.618:1, 무채색 + 강조 1막대 골드, 베이스라인 0, 13pt 값 레이블 직접 표기) + 차트 위 변곡점에 골드 룰 콜아웃 1~2개. 작은 블록을 세로 1.618:1 재분할 — 상단에 21pt 차트 해석 + KPI 요약(CAGR·합계 2개 셀, 34pt 수치 + 13pt 라벨), 하단에 보조 데이터 표(3행 그리드 라인) + 13pt 출처 각주. 범례 없이 직접 라벨링. 페이지 번호.

### 06 · 클로징 (closing)
세로 큰 블록 : 작은 블록 분할. 큰 블록 황금나선 초점에 34pt 클로징 스테이트먼트 + 21pt 부제 1줄. 큰 블록을 재분할해 다음 단계 3개를 골드 번호 + 21pt 라벨 리스트로. 작은 블록에 KPI 카드 1~2개(55pt 수치 + 13pt 라벨) + 13pt 컨택트 메타 + 골드 룰 + 페이지 번호. 1px 그리드 라인 옅게.

복사한 지시문을 Claude(claude.ai)나 Claude Code에 붙여넣고 “위 디자인 팩을 그대로 따라 [내 주제]로 만들어줘”라고 요청하세요.