Keynote 미니멀 풀블리드
풀블리드 사진 또는 단색 배경에 한 줄 문장만, 압도적 여백의 한 장 한 메시지 극단적 절제.
미리보기

색 토큰
bg
#FFFFFF
bg_alt
#000000
text
#1D1D1F
text_on_dark
#FFFFFF
text_muted
#86868B
accent
#0071E3
타이포 · 간격 토큰
display · {"family":"Helvetica Neue","fallback":"Arial, Inter, Pretendard","size":"54pt","weight":700,"tracking":"-0.02em","leading":1.1}
body · {"family":"Helvetica Neue","size":"36pt","weight":400,"leading":1.2}
label · {"family":"Helvetica Neue","size":"18pt","weight":400,"color":"#86868B"}
caption · {"family":"Helvetica Neue","size":"13pt","weight":400}
spacing.unit · 8
spacing.safe_x · 1.2in
spacing.safe_y · 1.0in
spacing.text_area_max · 33%
스타일 축
| 색채 | mono |
| 타이포 | minimal-sans |
| 레이아웃 | full-bleed |
| 여백 | airy |
| 모션 | subtle |
| family | keynote-minimal |
출처
- Apple HIG — Presentationofficial
- Apple Design Resourcesofficial
원자산은 각 출처 라이선스를 따름. 본 팩이 배포하는 것은 디자인 명세·토큰이며 원자산 사본이 아님.
이 팩 적용하기 — design-pick 스킬
Claude Code에 design-pick 스킬이 설치돼 있으면, 아래 한 줄을 붙여넣는 것으로 이 팩이 적용됩니다.
design-pick 스킬로 "ppt-keynote-minimal-fullbleed" 팩을 적용해서 [내 주제] 발표자료를 만들어줘
스킬이 없다면 — GitHub 저장소의 design-diversity 에서 skills/design-pick을 .claude/skills/에 복사하면 됩니다.
스킬 없이 쓰기 — 디자인 지시문(prompt.md) 직접 복사
# Keynote 미니멀 풀블리드 — ppt 디자인 팩 아래 지시를 한 블록으로 따라 16:9(13.33×7.5in) 슬라이드 덱을 만든다. 애플 키노트식 극단적 미니멀 — 한 슬라이드에 메시지 하나, 압도적 여백, 색은 풀블리드 사진이 담당한다. ## 이 스타일의 정체성 한눈에 알아보는 단서: (1) 슬라이드의 텍스트가 화면 면적의 1/3 이하, 나머지는 빈 공간 또는 풀블리드 이미지, (2) 한 슬라이드에 문장 한 줄 또는 단어 한 개, 불릿 절대 없음, (3) 사진은 가장자리까지 꽉 차고(여백 0) 텍스트가 그 위에 얹힌다. 비움이 디자인이다. ## 색 - 배경 단색 슬라이드: `#FFFFFF` 또는 `#000000` 둘 중 하나만 (그 슬라이드 전체를 지배) - 텍스트(흰 배경): `#1D1D1F` / 텍스트(검정 배경 또는 사진 위): `#FFFFFF` - 보조 텍스트: `#86868B` - 강조색 **1개만**: `#0071E3` (애플 블루) — 키워드 한 어절 또는 작은 인디케이터에만, 슬라이드당 1회 이하. 색은 원칙적으로 사진이 담당하므로 강조색 사용은 최소화. ## 타이포그래피 - 폰트: `Helvetica Neue` (대체 `Arial`, `Inter`). 한글 병기 시 `Pretendard`. - 대형 스테이트먼트: 54pt / Bold / 자간 -2% / 행간 1.1 / 최대 2줄 - 일반 메시지: 36pt / Regular / 행간 1.2 - 라벨/메타: 18pt / Regular / 색 `#86868B` - 캡션(사진 출처 등): 13pt / Regular - 한 슬라이드 총 글자 수: 한국어 기준 40자 이하 권장 ## 레이아웃 / 그리드 - **풀블리드 우선.** 이미지 슬라이드는 사진이 13.33×7.5in 전체를 채우고 여백 0. - 단색 슬라이드의 텍스트 안전 영역: 좌우 1.2in, 상하 1.0in 안쪽. 텍스트 블록은 이 영역에서 좌측 정렬 또는 정중앙 1택. - 텍스트는 한 덩어리만. 슬라이드에 텍스트 블록 2개 이상 두지 않는다. - 사진 위 텍스트는 좌하단 또는 정중앙. 가독성 위해 사진에 `#000000` 0~40% 단색 오버레이만 허용(그라디언트 오버레이 금지). ## 형태 / 질감 - 모서리 반경 0px. 보더·박스·카드 전면 금지 — 텍스트는 배경 위에 그냥 놓인다. - 그림자 금지. 아이콘 쓰지 않음. 도형 장식 없음. - 이미지는 고해상도 풀블리드 사진만. 콜라주·다중 이미지 그리드 금지(한 슬라이드 한 이미지). ## 차트 / 데이터 시각화 (극단적 환원 — "숫자 하나" 우선) 키노트 미감에서 차트는 최후의 수단이다. 데이터를 보여줘야 하면 먼저 **거대한 숫자 하나**로 환원하고, 차트가 꼭 필요하면 요소를 극단적으로 비운다. SVG로 정밀 렌더한다. - **1순위 — 빅 넘버:** 흰/검 배경에 단 하나의 수치를 96~120pt Bold로. 그 아래 18pt `#86868B` 한 줄 맥락. 차트 없음. 슬라이드당 숫자 1개. 숫자는 탭형(tabular figures), 단위는 수치보다 작게(40pt 정도). - **2순위 — 단일 차트:** 막대 차트면 막대 1~5개, 라인 차트면 선 1개만. 차트 타입은 최소 매칭만 — 비교=막대, 추세=라인 1개. 파이·도넛·누적 막대는 키노트 미감에서 쓰지 않는다(빅 넘버로 환원). 다음을 모두 비운다 — 격자선 전면 제거, 축선 전면 제거(또는 0.75pt 헤어라인 1줄), 범례 제거, 차트 테두리 제거, 배경 채움 제거. - **차트 영역(절대값):** 차트 플롯 영역은 가로 약 6.5in × 세로 약 3.0in 이하, 슬라이드 면적의 1/2 이하만 차지하고 사방에 1.2in 이상 빈 공간. 막대·축·레이블 픽셀 정확 정렬. - **데이터 색:** 막대·선은 텍스트색 단색(흰 배경=`#1D1D1F`, 검정 배경=`#FFFFFF`). 강조할 막대 1개만 `#0071E3`(애플 블루), 나머지는 텍스트색 18% 알파의 옅은 톤. 무지개·계열별 색칠 금지. 막대 외곽선 없음. - **값 레이블:** 막대·꼭짓점에 직접 표기, 24pt Regular 탭형, 축에서 눈으로 읽게 하지 않는다. 카테고리명은 18pt `#86868B`. **막대 기준선 데이터 0에서 시작**(잘린 y축·확대 축척 금지 — 막대 길이가 값에 정비례). - **막대 형태:** 막대 폭 : 간격 = 2 : 3(여백이 넉넉하게), 모서리 각짐(반경 0). - **라인 차트:** 2pt 실선 1개, 직선 세그먼트, 마커 없음 또는 끝점만 지름 8px 원. 면적 채움 없음. ## 다이어그램·컴포넌트 (키노트 다이어그램 언어 — 비움, 헤어라인, 텍스트가 노드) 키노트 미감에서 다이어그램도 최후의 수단이다 — 먼저 슬라이드를 쪼개 한 장에 한 단계만 보여줄 수 있는지 검토하고, 다이어그램이 꼭 필요할 때만 극단적으로 비운 형태로 그린다. SVG로 정밀 렌더한다. 키노트 다이어그램 언어는 한 세트로 묶인다 — **노드는 도형 박스가 아니라 큰 텍스트 그 자체(보더·채움 없음), 커넥터는 1pt 헤어라인 직선 + 끝점 지름 6px 작은 원(화살촉 대신), 번호는 24pt Regular 숫자만(배지 원·박스 없이 텍스트색), 강조는 `#0071E3` 한 어절·요소에만**. 슬라이드당 다이어그램 요소는 한 줄/한 축으로 제한, 사방 1.2in 이상 여백. - **프로세스 플로우:** 수평 3~4단계만(그 이상이면 슬라이드 분할). 각 단계는 박스 없이 36pt Regular 단어 1~2개로만 표기, 위에 24pt `#86868B` 번호. 단계 사이는 1pt `#86868B` 헤어라인 직선 + 끝에 지름 6px 점(채워진 원, 화살촉 아님). 핵심 단계 1개의 단어만 `#0071E3`. 박스·채움·그림자 전면 금지. - **타임라인:** 화면 중앙 가로로 1pt `#86868B` 헤어라인 1줄. 마일스톤은 지름 8px 원(텍스트색 채움), 축 위 정확 정렬, 3~5개만. 각 점 위 18pt `#86868B` 연도 + 아래 24pt 텍스트색 한 단어. 현재 시점만 점을 `#0071E3` 채움 + 지름 14px로 키움. 라벨 박스 없음. - **비교 레이아웃:** 화면을 수직 1pt `#86868B` 헤어라인 1줄로 좌우 2분할(3열 금지 — 키노트는 2개까지). 각 측 정중앙에 54pt Bold 빅 키워드 1개 + 그 아래 18pt `#86868B` 한 줄. 우월/강조 측 키워드만 `#0071E3`. 표·행 나열 금지. - **매트릭스 2×2:** 한 변 약 4.5in, 십자 축은 1pt `#86868B` 헤어라인 2줄뿐(테두리 사각형 없음). 축 라벨은 18pt `#86868B`, 네 끝에만. 사분면 채움 전면 없음. 데이터 포인트는 지름 10px 원(텍스트색), 핵심 1개만 `#0071E3` + 지름 16px, 옆에 24pt 텍스트색 라벨 1개. 사분면당 포인트 1개 권장. - **계층 / 퍼널:** 수직 3단계만. 박스 대신 텍스트 크기 위계로 계층을 표현 — 최상단 54pt Bold → 중간 36pt → 하단 24pt `#86868B`, 모두 중앙 정렬, 단 사이 1.0in 여백. 도형 퍼널이 꼭 필요하면 1pt 헤어라인 외곽선만(채움 없음) 3단, 폭 위→아래 단계별 1.5in 감소. 핵심 단 1개 텍스트만 `#0071E3`. - **KPI 스탯 카드:** 카드 박스 금지 — 빅 넘버 그 자체가 KPI다. 흰/검 배경에 한 슬라이드 1개 수치만 96~120pt Bold(탭형), 단위는 40pt로 작게, 그 아래 18pt `#86868B` 라벨 한 줄. 증감은 별도 도형 없이 수치 옆에 24pt `#0071E3` "+0.0%"만(▲ 같은 글리프 없이). 여러 KPI는 슬라이드를 쪼개 각 장에 하나씩. ## 전환 (PPT) 0.5s 디졸브(크로스페이드)만. 모핑·푸시·날아오기 금지. 일관되게 디졸브 하나로 통일. ## 하지 말 것 - 불릿 리스트 — 절대 금지. 항목이 여럿이면 슬라이드를 쪼갠다. - 슬라이드를 글로 채우기. 텍스트가 화면 1/3 넘으면 실패. - 박스·카드·보더·그림자·둥근 모서리. - 한 슬라이드에 텍스트 블록 2개 이상, 이미지 2개 이상. - 그라디언트 배경, 무지개색, 이모지, 클립아트, 스톡 아이콘. - 배경색을 흰/검 외 다른 색으로. - **아마추어 차트 회귀 금지:** 3D·입체 차트, 원근·기울임, 그림자·광택·베벨, 무지개·계열별 색칠, 격자선, 차트 테두리 박스, 배경 채움, 범례, 잘린 y축·확대 축척, 둥근 막대, 파이·도넛, div 블록 막대. 데이터는 빅 넘버 1개를 1순위로, 차트는 요소를 모두 비운 단색 단일 차트만. ## 적용 예 - **표지:** 검정 배경 + 정중앙 54pt 흰 제목 한 줄. 그 외 아무것도 없음. 하단에 18pt 작성자명. - **본문 슬라이드:** 흰 배경 + 좌하단 36pt 메시지 한 문장. 화면 위쪽 2/3는 빈 공간. - **차트 슬라이드:** 풀블리드는 피하고, 흰 배경에 거대한 숫자 하나(96~120pt Bold) + 그 아래 18pt `#86868B` 설명 한 줄 — 차트 없는 빅 넘버가 기본형. 차트가 꼭 필요하면 약 6.5×3.0in SVG 단일 막대(1~5개)/라인(1개)만, 막대 폭:간격 2:3, 텍스트색 단색·강조 1개 `#0071E3`, 값 레이블 24pt 탭형 직접 표기, 격자선·축선·범례·테두리 전부 제거, 막대는 데이터 0 기준선, 차트는 화면 1/2 이하·사방 1.2in 여백. - **프로세스 슬라이드:** 흰 배경, 화면 중앙 가로로 3~4단계만 — 박스 없이 36pt 단어 + 위 24pt `#86868B` 번호, 단계 사이 1pt 헤어라인 + 끝점 6px 점, 핵심 단어 1개만 `#0071E3`. 위아래 절반 이상 빈 공간. - **타임라인 슬라이드:** 흰 배경 중앙에 1pt `#86868B` 헤어라인 1줄 + 8px 원 마일스톤 3~5개 — 점 위 18pt 연도 + 아래 24pt 한 단어, 현재 시점만 `#0071E3` 14px 원. 텍스트 박스·채움 없음. - **매트릭스 슬라이드:** 흰 배경에 약 4.5in 십자 축(1pt 헤어라인 2줄, 테두리 없음) — 네 끝 18pt `#86868B` 축 라벨, 데이터 포인트 10px 원(핵심 1개 `#0071E3` 16px) + 24pt 라벨, 사분면 채움 없음. 사방 1.2in 여백.
복사한 지시문을 Claude(claude.ai)나 Claude Code에 붙여넣고 “위 디자인 팩을 그대로 따라 [내 주제]로 만들어줘”라고 요청하세요.