Expressive Soundwave Deck

# Expressive Soundwave Deck — ppt 디자인 팩

아래 지시를 한 블록으로 따라 16:9(13.33×7.5in) 슬라이드 덱을 만든다. 다크 우선 캔버스에 활기찬 듀오톤 그라디언트를 면적으로 크게 깔고, 초대형 헤비 디스플레이 타이포로 '감정을 인프라로 다루는' 표현적 미감을 낸다.

## 이 스타일의 정체성
한눈에 알아보는 단서: (1) 거의 검정 `#121212` 배경에 듀오톤 그라디언트 컬러 블록을 면적으로 크고 대담하게 깐다, (2) 와이드한 그로테스크 디스플레이를 초대형으로 슬라이드를 꽉 채워 리듬감을 낸다, (3) 큰 숫자 + 짧은 라벨 = 한 슬라이드 한 메시지. 컬러 블록을 겹치고 차트는 채도 높은 그라디언트가 주인공이다.

## 색
- 배경 `#121212` (거의 검정, 고정)
- 표면/카드 채움 `#1E1E1E` (배경보다 약간 밝은 차콜)
- 본문 텍스트 `#E8E8E8` (밝은 회백), 제목·강조 `#FFFFFF`, 보조·캡션 `#8A8A8A`
- 듀오톤 그라디언트 A(주력): `#FF6B4A`(따뜻한 코랄-오렌지) → `#7B3FF2`(바이올렛). 컬러 블록·차트 주계열에.
- 듀오톤 그라디언트 B(보조): `#1FB6C9`(청록) → `#3A6BF0`(블루). 보조 컬러 블록·차트 보조 계열에.
- **그라디언트는 듀오톤 2스톱만.** 한 슬라이드에 그라디언트 페어는 최대 2개(A·B). 3색 이상 무지개 그라디언트 금지. 영감 브랜드의 시그니처 그린은 사용 금지.

## 타이포그래피
- 디스플레이: `Archivo` (대체 `Anton`, `Helvetica`). Black(900)·ExtraBold(800) 웨이트. 한글 병기 시 `Pretendard` Black.
- 본문: `Archivo` Regular/Medium (대체 `Inter`).
- 표지 디스플레이: 84pt / Black(900) / 자간 -3% / 행간 0.95 / 대문자 / 최대 3줄 / 슬라이드 가로를 꽉 채움
- 슬라이드 제목: 48pt / ExtraBold(800) / 자간 -2% / 행간 1.0 / 최대 2줄
- 섹션 키커: 13pt / Bold(700) / 대문자 / 자간 +10%
- 본문: 18pt / Regular(400) / 행간 1.4 / 슬라이드당 최대 5줄
- KPI 초대형 숫자: 110pt / Black / 자간 -4% / 그라디언트 A 채움 또는 `#FFFFFF`
- 짧은 라벨: 16pt / Bold / 대문자 / 자간 +6%
- 캡션·출처: 10pt / Regular / 색 `#8A8A8A`

## 레이아웃 / 그리드
- **블록 그리드.** 좌우 여백 각 0.6in, 상하 여백 각 0.55in. 슬라이드를 2~4개의 큼직한 블록으로 분할 — 컬러 그라디언트 블록과 텍스트 블록이 맞물린다.
- 컬러 블록은 슬라이드의 40~100% 면적을 차지하고 다른 블록과 일부 겹쳐도 된다(겹침 면적 슬라이드의 10~20%).
- 디스플레이 타이포는 블록 안에서 가장자리까지 크게 — 텍스트가 곧 그래픽이다.
- 제목 영역: 상단 0.55~2.2in. 키커는 제목 위.
- 우하단 7.0~7.3in에 출처/페이지 캡션 10pt.

## 형태 / 질감
- 모서리 반경 0px (직각 블록 — 컬러 블록이 칼처럼 떨어진다). 그림자 금지.
- 컬러 블록은 평면 그라디언트 채움, 보더 없음.
- 아이콘은 거의 안 쓴다. 쓴다면 2px 스트로크 라인 아이콘 단색. 클립아트·스톡 아이콘 금지.
- 이미지를 쓰면 그라디언트 듀오톤 처리(흑백 변환 후 그라디언트 A 또는 B를 곱하기 블렌드).

## 차트 / 데이터 시각화 (표현식 — 그라디언트 바·도넛이 주인공 + 초대형 숫자)
차트는 SVG로 정밀 렌더한다(div 블록 막대 금지). 이 팩 차트의 핵심은 "채도 높은 듀오톤 그라디언트 바·도넛이 슬라이드의 주인공이고, 큰 숫자 + 짧은 라벨로 한 메시지를 외친다"다.
- **차트 영역(절대값):** 플롯 영역 가로 약 6.5in × 세로 약 3.6in, 크고 대담하게. 좌측 값축 여유 0.2in, 하단 라벨 0.45in.
- **차트 타입 매칭:** 항목 비교=세로 막대(그라디언트 채움, 기본), 비중=도넛(조각 3개 이하, 중앙에 110pt 초대형 핵심 수치), 추세=굵은 라인 + 그라디언트 면적. 파이 5조각 이상·3D 금지.
- **데이터 잉크 최소화:** 차트 테두리 박스·배경 채움·범례 박스 제거. 격자선은 그리지 않는다(0개). y축 라벨 생략 — 값은 막대에 직접.
- **축:** x축 기준선 1pt `#3A3A3A` 1줄만(생략 허용). **막대·라인 기준선은 데이터 0에서 시작**(잘린 y축 금지).
- **직접 레이블링:** 범례 대신 카테고리명을 막대 아래 16pt Bold 대문자로. 값 레이블은 막대 위 32pt Black, 강조 막대 값은 `#FFFFFF`·나머지 `#8A8A8A`, 자릿수·단위 일관.
- **데이터 색:** 강조 막대 1~2개만 듀오톤 그라디언트 A(`#FF6B4A`→`#7B3FF2`), 나머지 막대는 `#2E2E2E`(중립 다크 회색). 보조 계열이 필요하면 그라디언트 B. 무지개·계열별 다른 hue 다수 금지.
- **그라디언트 막대:** 막대 폭 : 간격 = 5 : 2(굵은 막대). 그라디언트는 막대 세로 방향 2스톱. 직각 모서리. 모든 막대 정렬·기준선 0 정확히.
- **도넛:** 링 두께 막대 굵기와 일치, 강조 세그먼트만 그라디언트 A·나머지 `#2E2E2E`, 조각 3개 이하, 중앙에 110pt Black 초대형 수치(그라디언트 A 채움).
- **단위·출처:** 차트 하단에 단위 명기, 우하단 10pt 출처 캡션 의무.

## 다이어그램·컴포넌트 (표현식 — 직각 듀오톤 블록 노드 + 굵은 그라디언트 커넥터)
색·차트만으로는 색 팔레트일 뿐이다. 이 팩은 아래 컴포넌트를 한 다이어그램 언어로 묶는다 — **모든 노드는 모서리 반경 0px(직각 블록), 강조 노드는 듀오톤 그라디언트 A(`#FF6B4A`→`#7B3FF2`) 채움·나머지는 `#1E1E1E` 면, 커넥터는 6pt `#FFFFFF` 굵은 직선 + 큰 채운 화살촉, 단계 번호는 64pt Black 초대형 숫자(노드 안 배경처럼)**. 모두 SVG로 정밀 렌더(div 블록 금지).
- **프로세스 플로우:** 가로 3~5단계 직각 블록. 각 노드 폭 2.4in × 높이 1.4in, `#1E1E1E` 면, 노드 안에 64pt Black 단계 번호 + 라벨 16pt Bold 대문자 + 캡션 18pt. 커넥터는 6pt `#FFFFFF` 직선 + 14px 채운 삼각 화살촉. 현재/핵심 단계 1개만 그라디언트 A 채움·블록끼리 10~20% 겹침 허용.
- **타임라인:** 수평 축 — 8pt 굵은 베이스라인(그라디언트 A를 가로로 흐르게), 마일스톤 마커는 한 변 18px 직각 정사각형(`#1E1E1E` 면), 현재 시점만 그라디언트 A 채움. 날짜 라벨 16pt Bold 대문자 아래, 이벤트 제목 18pt 위. 마일스톤 4~6개.
- **비교 레이아웃:** 2~3개 직각 블록 열, 각 열 `#1E1E1E` 면(블록 사이 거터 0.16in, 보더 없음), 헤더는 라벨 16pt Bold 대문자 + 큰 수치 110pt Black, 항목 18pt. 우위 열 1개만 그라디언트 A 채움.
- **매트릭스 / 2×2:** 축선 1pt `#3A3A3A`, 사분면은 채움 없음(축 라벨 16pt Bold 대문자만). 데이터 포인트는 한 변 0.6in 직각 정사각 블록 `#2E2E2E` 면, 강조 1~2개만 그라디언트 A. 축 끝 화살촉 없음.
- **계층 / 퍼널:** 3~4단 수평 직각 띠, 각 높이 1.0in, 단계당 폭 18% 축소(직각 유지), 띠 채움 `#2E2E2E`, 단계 라벨 16pt Bold 대문자 + 수치 32pt Black. 핵심 단(전환 단) 1개만 그라디언트 A 채움.
- **KPI·스탯 카드:** `#1E1E1E` 직각 블록(반경 0px, 보더 없음, 패딩 0.3in). 초대형 수치 110pt Black(그라디언트 A 채움 또는 `#FFFFFF`) + 라벨 16pt Bold 대문자 `#8A8A8A`. 증감은 큰 ▲/▼ + 값 32pt Black. 카드 2~3개 큼직하게, 한 블록을 그라디언트 A로.

## 전환 (PPT)
경쾌하고 표현적 — 컬러 블록이 가장자리에서 미끄러져 들어오며 약간 튀어오른다(0.35s, ease-out-back, 오버슈트 8% 이내). 디스플레이 타이포는 페이드인 + 위로 12px 슬라이드(0.3s). 회전·플립·과한 바운스 금지.

## 하지 말 것
- 듀오톤을 무시하고 3색 이상 무지개 그라디언트 쓰기 — 그라디언트는 항상 2스톱 듀오톤, 슬라이드당 페어 최대 2개(A·B).
- 영감 브랜드의 시그니처 그린을 그대로 쓰기 — 듀오톤은 명시된 코랄→바이올렛 / 청록→블루 페어만.
- 라이트 모드로 회귀, 흰 배경. 둥근 모서리, 그림자, 텍스처·노이즈.
- 음파·플레이리스트·재생바 같은 음악 UI 직접 모사.
- **아마추어 차트 회귀 금지:** 3D·입체 막대, 막대 그림자·광택·베벨, 무지개 계열색, 격자선(이 팩은 그리드라인 0개), 차트 테두리 박스, 범례 박스, 잘린 y축, div 블록 막대.
- 슬라이드를 5줄 넘는 글로 채우기 — 큰 숫자 + 짧은 라벨이 원칙.
- 이모지 불릿·클립아트·스톡 아이콘.

## 적용 예
- **표지:** `#121212` 배경. 슬라이드 하단 절반을 듀오톤 그라디언트 A 컬러 블록으로, 그 위에 84pt Black 대문자 제목 3줄(자간 -3%, 가로 꽉 채움). 상단에 키커 13pt. 하단 우측에 날짜·작성처 10pt.
- **본문 슬라이드:** 키커 + 48pt ExtraBold 제목. 슬라이드를 2~3 블록으로 — 한 블록은 그라디언트 컬러 블록(짧은 라벨 + 큰 숫자), 다른 블록은 `#1E1E1E` 면에 본문 5줄 이하. KPI는 110pt Black 그라디언트 A 채움. 우하단 캡션.
- **차트 슬라이드:** 키커 + 48pt 제목. 약 6.5×3.6in SVG 그라디언트 세로 막대 차트 — 막대 폭:간격 5:2 굵은 막대, 강조 막대 1~2개 듀오톤 그라디언트 A·나머지 `#2E2E2E`, 막대 위 값 32pt Black, 막대 아래 카테고리 16pt Bold 대문자, 격자선 0개, x축 1pt 헤어라인(또는 생략), 기준선 0. 우측 또는 위에 초대형 KPI 1개. 차트 하단 단위, 우하단 10pt 출처.
- **프로세스 플로우 슬라이드:** 키커 + 48pt 제목. 본문 영역에 가로 4단계 직각 블록 — 각 2.4×1.4in `#1E1E1E` 면, 64pt Black 단계 번호 + 16pt Bold 라벨, 사이는 6pt `#FFFFFF` 굵은 화살표 커넥터. 핵심 단계 1개만 그라디언트 A 채움. 우하단 캡션.
- **KPI·퍼널 슬라이드:** 키커 + 48pt 제목. 상단에 `#1E1E1E` KPI 블록 2~3개(110pt Black 그라디언트 A 수치 + 16pt Bold 라벨, 한 블록은 그라디언트 A 채움), 하단에 3~4단 수평 퍼널 — 단계당 폭 18% 축소 직각 띠, 핵심 단 1개만 그라디언트 A. 우하단 10pt 출처.