← 갤러리

Cinematic Keynote

순흑 무대 위 거대한 키 비주얼 한 점과 최소화된 라이트 산세리프 — 한 슬라이드 한 메시지의 시네마틱 키노트 덱 스타일.

cinematic-dark keynotepure-black-stageone-message-per-slidefull-bleed-visualminimal-textamber-accentsummary-slide
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

Apple 이벤트 키노트의 연출 원리를 각색한 프레젠테이션 덱 스타일. 배경은 순흑으로 고정하고, 슬라이드마다 글자 몇 개와 큰 비주얼 하나만 남긴다. 타이트한 자간의 라이트 웨이트 산세리프가 중앙 무대에 서고, 웜 골드 앰버 강조색 하나가 핵심 수치·발광 데이터에만 허락된다. 덱의 끝에는 핵심 수치를 모은 서머리 슬라이드가 온다. 깊이는 그림자가 아니라 순흑 배경과 비주얼 자체의 명암으로만 만든다.

타입 스케일

statement Ag 스타일 견본 Style Specimen
headline Ag 스타일 견본 Style Specimen
kpi Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
kicker Ag 스타일 견본 Style Specimen
label Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen

단일 산세리프(Inter), 웨이트 2단(300/400 + 값 레이블 600)만. 위계는 크기 격차로 — 64pt 스테이트먼트와 88pt KPI 숫자가 무대의 주인공, 본문은 슬라이드당 3줄 이하로 드물게. 한글 병기 시 Pretendard.

골든 예제 (exemplar)

Keynote 2026 — One stage

Say one thing.
Say it enormous.

key visual

One visual owns the stage — the caption stays a whisper.

Do

  • 한 슬라이드 한 메시지 — 텍스트는 3줄 이하로 줄이고 키 비주얼 하나가 지배하게 한다
  • 강조색(앰버)은 덱 전체에서 1개 역할만: 핵심 수치·발광 데이터·키 캡션 1어절
  • 덱의 끝에 88pt 숫자 KPI 서머리 슬라이드를 둔다
  • 비주얼 위치(중앙/좌/우/풀블리드)를 슬라이드마다 의도적으로 바꾼다
  • 차트는 데이터 잉크 최소화 — 격자선·범례·y축 라벨 없이 직접 레이블로

Don't

  • 배경을 회색·네이비·그라디언트로 만들지 말 것 — 반드시 순흑
  • 슬라이드를 불릿 리스트로 채우지 말 것
  • 강조색 2개 이상·본문 텍스트에 컬러 금지
  • 인공 글로우·렌즈플레어·네온 외곽선·그림자 금지
  • 3D·입체 막대, 무지개 계열색, 격자선, 잘린 y축, div 블록 막대 금지
  • 클립아트·이모지·스톡 아이콘으로 무대 채우기 금지

컴포넌트 노트

statement-slide
순흑 배경 중앙에 64pt Light 키 메시지 최대 2줄, 그 아래 0.5in 간격 20pt 서브 캡션 1줄(1어절만 accent 허용).
visual-slide
키 비주얼이 캔버스 50–70% 또는 풀블리드, 캡션·헤드라인이 0.5in 간격 한 묶음. 이미지 모서리 6px.
summary-slide
2×2 또는 3×1 KPI 그리드 — 각 셀 card 면 + 1px border, 6px 반경, 88pt Light 숫자(핵심 1개만 accent) + 14pt muted 라벨, 셀 간격 0.4in.
chart
SVG 정밀 렌더, 플롯 약 8.0×3.2in 중앙 하단. 격자선·범례 박스·테두리 박스 없음, x축 0.75pt 헤어라인만, y축 0 기준. 강조 계열 1개만 accent(라인 2pt·면적 채움 12% 이하), 비교 계열 chart-2 중립. 값 직접 레이블 18pt Semibold, 핵심 값은 88pt 거대 숫자 오버레이. 우하단 11pt 출처 캡션 의무.
diagram
순흑 무대 위 1px border 헤어라인 골격 + card 면 노드(6px 반경), 활성 요소 1개만 accent 발광. 프로세스 최대 4단계, 타임라인 마커 5개 이하. 전부 SVG, div 블록 금지.
kicker
20pt muted-foreground 한 줄 — 헤드라인 위 eyebrow. 대문자 강제 없음, 자간 -0.005em.
caption
11pt muted-foreground. 출처가 필요한 차트 슬라이드 우하단에만 — 그 외 슬라이드는 캡션도 생략.
icon
사용 최소화. 쓸 경우 1.5pt 스트로크 라인 아이콘 단색 foreground.