Vivid Gradient Infographic Deck

# Vivid Gradient Infographic Deck — ppt 디자인 팩

## 이 스타일의 정체성
밝은 캔버스 위에 채도 높은 듀오톤 그라디언트(바이올렛 → 코랄)가 다이어그램 노드·아이콘 칩·KPI 링을 채운다. 둥근 알약·원형 노드, 굵은 지오메트릭 산세리프, 부드러운 소프트 섀도가 한 키트로 묶인다 — 모든 다이어그램 도형이 같은 그라디언트 채움을 공유한다는 점이 표식이다. VC 피치 덱·KPI 대시보드의 활기찬 인포그래픽이되 배경은 라이트로 유지된다.

## 색
- 배경 `#FBFAFE` 밝은 캔버스(아주 옅은 라일락 화이트).
- 표면/카드 `#FFFFFF`.
- 본문 텍스트 `#211B33`, 보조 텍스트 `#7C7591`.
- **시그니처 그라디언트**: 바이올렛 `#7C3AED` → 코랄 `#FB6F5C` (135° 선형). 모든 다이어그램 노드·아이콘 칩·KPI 링·차트 데이터가 이 한 스케일을 공유한다.
- 파스텔 틴트(매트릭스 사분면 등): 바이올렛 12% `#E9E0FB`, 코랄 12% `#FDE5E1`.
- 보더 `#ECE8F4`. 소프트 섀도 `0 8px 24px rgba(124,58,237,0.14)`.
- 강조 그라디언트는 1스케일만 — 다색 무지개 채색 금지.

## 타이포그래피
- 폰트: 라틴 **Poppins** 또는 **Plus Jakarta Sans** (굵은 지오메트릭 산세리프, 공개 폰트). 한글 **Pretendard** (공개 폰트). 대체 `Arial`, `Noto Sans KR`.
- 표지 제목 42pt / Poppins ExtraBold (800) / 자간 -0.02em / 행간 1.1.
- 슬라이드 제목 28pt / Poppins Bold (700) / 자간 -0.01em.
- 본문 20pt / Poppins Regular (400) / 행간 1.4 / 슬라이드당 6줄 이하.
- 다이어그램 라벨 14pt / Poppins Medium (500).
- KPI 거대 수치 44pt / Poppins ExtraBold (800).
- 차트 값 라벨 14pt / Poppins SemiBold (600) / tabular.
- 캡션·각주 11pt / Poppins Regular / `#7C7591`.

## 레이아웃 / 그리드
- 캔버스 16:9 (13.33×7.5in). 좌우 여백 각 0.7in, 상하 여백 각 0.55in.
- 12열 그리드, 블록 그리드 — 둥근 카드·칩이 모듈로 배치.
- 헤더바 없음. 슬라이드 제목은 상단 좌측, 아래 짧은 그라디언트 언더라인(폭 1.0in, 4pt 라운드캡).
- 슬라이드 번호는 우하단 11pt + 작은 그라디언트 도트.

## 형태 / 질감
- 모서리: 카드 16px 라운드, 알약 노드 풀 라운드(반경=높이/2), 칩 12px.
- 소프트 섀도: `0 8px 24px rgba(124,58,237,0.14)` — 카드·떠 있는 노드에만.
- 그라디언트 채움은 노드·칩·링·차트 데이터에. 텍스트는 무채색(거대 수치는 예외적으로 그라디언트 텍스트 허용 1곳).
- 아이콘은 단색 라인 아이콘을 그라디언트 원형 칩 안에(흰 라인).

## 전환 (PPT)
- 전환: 슬라이드 fade 0.3s. 다이어그램 노드·KPI 링 등장 시 0.4s ease-out 스케일업(0.92→1.0), 노드 0.12s 간격 순차. KPI 도넛 링은 0.6s로 채워짐.

## 차트·데이터 시각화
모든 데이터 색은 시그니처 그라디언트 1스케일로 통일 — 무지개 채색 금지.
- **막대 차트.** 라운드캡 막대(상단 4px 라운드), 그라디언트 세로 채움(바이올렛→코랄). 강조 막대 1개만 풀 채도 그라디언트, 나머지는 파스텔 틴트 `#E9E0FB` 단색. 막대:간격 = 3:2. 격자선 제거(또는 y 헤어라인 2줄 `#ECE8F4`). 차트 박스·배경 없음. x 베이스라인 1pt `#ECE8F4`.
- **도넛 차트.** 그라디언트 아크(조각 3개 이하), 중앙에 그라디언트 텍스트 핵심 수치 32pt + 11pt 라벨. 조각 간 2px 흰 갭.
- **면적 차트.** 1.5pt 그라디언트 라인 + 아래로 그라디언트 페이드 면적(상단 25%→하단 0% 알파).
- **값 레이블.** Poppins SemiBold 14pt, tabular, 막대·꼭짓점 위 직접 표기. 단위는 첫 데이터에만.
- **금지.** 무지개색·계열별 다른 색·3D·격자선 과다·잘린 y축. 데이터 색은 단일 그라디언트 스케일만.
- 모든 차트 SVG 정밀 렌더 — div 블록 막대 금지. 우하단 11pt 출처 캡션.

## 다이어그램·컴포넌트
모든 다이어그램은 둥근 알약·원형 노드·그라디언트 채움·4pt 둥근끝 화살표·소프트 섀도라는 한 언어를 공유한다.
- **프로세스 플로우.** 둥근 알약 노드(높이 0.9in, 풀 라운드, 그라디언트 채움 또는 흰 채움+그라디언트 보더). 노드 사이 4pt 둥근끝 화살표 커넥터(그라디언트). 단계 번호는 원형 그라디언트 배지(지름 0.4in, 흰 숫자 16pt Bold). 활성 단계만 풀 채도 그라디언트, 나머지 흰 채움+그라디언트 보더.
- **타임라인.** S커브(또는 완만한 곡선) 베이스 라인 1.5pt 그라디언트. 마일스톤은 원형 그라디언트 도트(지름 0.22in) + 현재 시점은 펄스 링(도트 둘레 그라디언트 링). 날짜 라벨 11pt, 이벤트 14pt.
- **비교 레이아웃.** 2~3 라운드 카드(16px 라운드, 흰 채움 + 소프트 섀도). 추천 카드만 그라디언트 채움 + 1.08배 큰 스케일 + 상단 "추천" 그라디언트 칩.
- **매트릭스 / 2×2.** 라운드 2×2(셀 12px 라운드), 4사분면 파스텔 틴트(바이올렛/코랄 12%), 데이터 포인트는 그라디언트 버블(지름 0.3~0.55in = 3변수) + 14pt 라벨.
- **계층 / 퍼널.** 둥근 퍼널 — 4~5단 라운드 사다리꼴, 위→아래 폭 좁아지며 그라디언트 명도가 단계마다 한 칸씩 이동(상단 바이올렛쪽, 하단 코랄쪽). 단 라벨 14pt + 전환율 수치.
- **KPI·스탯 카드.** 라운드 카드(16px, 흰 채움 + 소프트 섀도). 좌상단 그라디언트 아이콘 칩(원형 0.5in, 흰 라인 아이콘), 거대 수치 44pt(무채색 또는 그라디언트 텍스트 1곳), 우하단 도넛 진행 링(그라디언트 아크). 슬라이드당 3~4 카드.
- **목차 / 섹션 디바이더.** 목차는 둥근 번호 칩(그라디언트) + 항목명 리스트. 디바이더는 거대 섹션 번호(그라디언트 텍스트) + 큰 그라디언트 알약 배경 블록.
- 모든 다이어그램 SVG 정밀 렌더 — div 블록 금지.

## 하지 말 것
- 차트 데이터를 무지개·계열별 다른 색으로 칠하지 말 것 — 데이터 색은 단일 바이올렛→코랄 그라디언트 스케일만. 강조는 풀 채도 vs 파스텔 틴트로.
- 배경을 그라디언트로 채우지 말 것 — 캔버스는 라이트(`#FBFAFE`) 유지. 그라디언트는 노드·칩·링·차트 데이터에만(glassmorphism·vivid-gradient-future와의 분기점).
- 3D 차트·과한 그림자 차트·격자선 과다·잘린 y축 금지.
- 소프트 섀도 남발 금지 — 카드·떠 있는 노드에만, 차트 데이터 요소엔 섀도 없음.
- 그라디언트 텍스트는 슬라이드당 1곳(거대 수치 등)만 — 본문·라벨은 무채색.
- 이모지 불릿·클립아트·의미 없는 스톡 아이콘 금지. 슬라이드를 글로 가득 채우기 금지.

## 적용 예
- **표지.** 라이트 캔버스, 큰 그라디언트 알약 배경 블록 1개, 그 위 42pt ExtraBold 제목 + 20pt 부제. 하단에 그라디언트 도트 + 발표 정보.
- **본문(스테이트먼트).** 상단 28pt 제목 + 그라디언트 언더라인. 본문 4줄 + 우측에 그라디언트 아이콘 칩 3개 보조 다이어그램.
- **프로세스 다이어그램 슬라이드.** 둥근 알약 노드 4개 + 4pt 둥근끝 화살표, 원형 그라디언트 번호 배지 1~4. 3번 노드만 풀 채도 그라디언트, 나머지 흰 채움+보더.
- **타임라인 다이어그램 슬라이드.** S커브 그라디언트 라인, 원형 그라디언트 도트 5개, 현재 시점 펄스 링, 날짜·이벤트 라벨.
- **매트릭스 다이어그램 슬라이드.** 라운드 2×2, 사분면 파스텔 틴트, 그라디언트 버블 6개(크기=시장규모), 14pt 라벨.
- **퍼널 다이어그램 슬라이드.** 둥근 4단 퍼널, 단마다 그라디언트 명도 이동, 전환율 수치.
- **차트 슬라이드.** 라운드캡 막대 6개, 4번 막대만 풀 채도 그라디언트·나머지 파스텔 틴트, 막대 위 14pt 값, 우하단 출처 캡션.
- **KPI 슬라이드.** 라운드 카드 3개 — 그라디언트 아이콘 칩 + 44pt 거대 수치 + 도넛 진행 링, "전환율 28%" 등.