핸드드로운 스케치

# 핸드드로운 스케치 — ppt 디자인 팩

아래 지시를 한 블록으로 따라 16:9(13.33×7.5in) 슬라이드 덱을 만든다. 핸드드로운 스케치 — 손그림 테두리, 거친 펜 스트로크 화살표·말풍선·밑줄, 약간 비뚤어진 박스가 크림색 종이 질감 위에 놓인다.

## 이 스타일의 정체성
한눈에 알아보는 단서: (1) 모든 박스 테두리가 자로 그은 직선이 아니라 손으로 그린 듯 미세하게 흔들리는 선, (2) 화살표·밑줄·동그라미가 거친 펜 스트로크로 그려져 강조를 표시, (3) 크림색 종이 질감 배경. 손으로 그린 워크숍 보드 느낌.

## 손그림 효과 — 절차적 명시 (자산 의존 금지)
손그림은 임의 일러스트 자산이 아니라 아래 절차적 규칙으로 구현한다:
- **테두리 흔들림:** 모든 박스·라인 테두리는 직선 대비 ±1.5px 진폭으로 미세하게 떨리는 경로. PPT에서는 "프리폼" 또는 약간 우글거리는 선으로 대체. 굵기 2.5px.
- **박스 회전:** 각 박스는 -2.5°~+2.5° 범위에서 랜덤 회전.
- **이중선 효과:** 강조 박스는 테두리를 두 번 그린 듯 0.8px 어긋난 겹선.
- **펜 스트로크:** 화살표·밑줄은 끝으로 갈수록 가늘어지는 가변 굵기(시작 3px → 끝 1.5px), 끝이 살짝 튀어나옴(오버슈트 4px).
- **채움:** 강조 영역은 사선 해칭(2px 선, 6px 간격, 30° 각도)으로 채움 — 솔리드 채움 지양.

## 색
- 배경/종이 `#F4ECDC` (크림색, 미세 종이 질감)
- 잉크 `#2B2724` (펜 블랙, 순흑 아님)
- 보조 `#7A7268`
- 마커 색 **2개만**: 코랄 `#E8654A`, 머스터드 `#E0A92E` — 강조 동그라미·해칭·하이라이트에. 다른 색 금지.
- 헤어라인 `#CFC4AC`

## 타이포그래피
- 헤드라인 폰트: `Caveat` (대체 `Comic Sans MS`, `Pretendard`). 손글씨 느낌.
- 본문 폰트: `Pretendard` (대체 `Noto Sans KR`) — 가독성 위해 본문은 정자.
- 라벨/캡션 폰트: `Caveat` 또는 `Pretendard`.
- 헤드라인: 40pt / Bold / 약간 기울임 또는 -1.5° 회전
- 서브헤드: 24pt / 손글씨체
- 본문: 17pt / Regular / 행간 1.45
- 라벨/말풍선: 16pt / 손글씨체
- 캡션: 12pt / Regular / 색 `#7A7268`

## 레이아웃 / 그리드
- **비대칭 배치.** 좌우 여백 0.6in. 박스를 의도적으로 약간 어긋나게, 회전을 줘서 손으로 붙인 메모 느낌.
- 요소 사이는 손그림 화살표·점선으로 연결.
- 슬라이드마다 박스 위치·회전이 달라야 함 — 같은 배치 반복 금지.

## 형태 / 질감
- 모서리 반경 6px(둥글되 손그림이라 일정치 않게). 박스 테두리는 위 절차적 흔들림 규칙 적용.
- 그림자: 부드러운 확산 대신 약간 어긋난 손그림 이중선 또는 거친 연필 음영.
- 아이콘은 손그림 라인 픽토그램 — 거친 펜 스트로크. 말풍선은 손그림 타원/사각.

## 차트 / 데이터 시각화 (손그림 스타일 — 흔들리는 선 + 해칭 + 손글씨 라벨)
차트도 위 "손그림 효과" 절차적 규칙을 그대로 입는다 — 매끈한 디지털 차트는 이 팩의 실패다. SVG로 정밀 렌더하되 의도적으로 거칠게.
- **축:** x축 베이스라인을 ±1.5px 진폭으로 미세하게 떨리는 경로(직선 금지), 굵기 2.5px `#2B2724` 펜 잉크. y축선 생략. 격자선 전면 제거. **막대 기준선 0에서 시작**(잘린 y축 금지).
- **막대:** 테두리 2.5px 손그림 흔들림 경로 `#2B2724`, 채움은 솔리드가 아니라 **사선 해칭**(2px 선, 6px 간격, 30°). 강조 막대 1개만 코랄 `#E8654A` 해칭·나머지는 잉크 `#2B2724` 해칭. 머스터드 `#E0A92E`는 핵심 막대를 거친 펜 동그라미로 둘러 강조할 때만. 막대 폭 : 간격 = 3 : 2(손그림이라 정확히 같지 않아도 됨).
- **라인 차트:** 끝으로 갈수록 가늘어지는 가변 굵기 펜 스트로크(3px→1.5px), 약간 흔들리는 경로, 끝 오버슈트 4px. 꼭짓점은 손그림 작은 원. 면적 채움은 사선 해칭.
- **값 레이블:** 막대 끝/꼭짓점에 직접, `Caveat` 손글씨체 16pt `#2B2724`(굵게), 자릿수·단위 일관(예 "12개" "34%"). 축에서 읽게 하지 않는다. 카테고리명도 `Caveat` 14pt `#2B2724` 막대 아래.
- **데이터 잉크 최소화:** 차트 테두리 박스 제거, 범례 박스 제거 — 계열명은 선·막대 옆에 `Caveat` 손글씨로 직접 레이블링. 핵심 데이터점은 코랄 손그림 동그라미 + 말풍선 주석으로 강조.
- **차트 타입 매칭:** 비교=세로/가로 막대, 추세=손그림 라인, 비중=손그림 원형(조각 3개 이하, 해칭 채움, 중앙 핵심 수치 `Caveat` 28pt). 도넛 다중·파이 5조각 이상 금지.
- **마커 색 2개 한도:** 코랄 `#E8654A`·머스터드 `#E0A92E`만, 강조 막대 1개 외 나머지는 잉크 `#2B2724` 해칭. 무지개·계열별 색칠 금지.

## 다이어그램·컴포넌트 (손그림 — 흔들리는 노드 + 펜 화살표 키트)
색·종이 질감만으로는 템플릿이 아니다. 아래 컴포넌트를 모두 SVG 정밀 경로로 렌더하되 위 "손그림 효과" 절차적 규칙을 그대로 입힌다(div 블록 금지·매끈한 디지털 도형 금지) — **하나의 다이어그램 언어**: 모든 노드 테두리는 2.5px ±1.5px 흔들림 경로 `#2B2724`, 노드는 -2.5°~+2.5° 랜덤 회전, 커넥터는 가변 굵기 펜 스트로크(3px→1.5px) + 4px 오버슈트, 단계 번호는 손그림 동그라미 안 `Caveat` 손글씨, 강조는 코랄·머스터드 해칭/동그라미 2색만.
- **프로세스 플로우:** 흔들리는 사각 노드(높이 0.85in, 흰 채움, -2°~+2° 회전, 2.5px 펜 테두리), 노드 좌상단에 손그림 동그라미 단계 번호(`Caveat` 16pt), 노드 사이는 끝이 가늘어지는 펜 화살표(3px→1.5px, 살짝 흔들리는 경로, 오버슈트 4px). 현재 단계 노드만 코랄 `#E8654A` 사선 해칭 채움. 가로 4단계.
- **타임라인:** 수평 축을 ±1.5px 흔들리는 2.5px 펜 경로 `#2B2724`, 마일스톤은 손그림 작은 원, 현재 시점은 코랄 거친 동그라미 + 손그림 말풍선에 `Caveat` "지금!" 라벨. 날짜는 축 아래 `Caveat` 14pt, 이벤트명 축 위 16pt 손글씨. 마일스톤 사이 손그림 점선.
- **비교 레이아웃:** 2~3개의 흔들리는 박스를 어긋나게(각 -2°~+2° 회전) 배치, 박스 헤더는 `Caveat` 손글씨 24pt, 박스 사이에 손그림 "VS" 글자 또는 펜 화살표. 우세 박스만 머스터드 `#E0A92E` 해칭 + 거친 동그라미 강조. 항목은 손그림 체크/엑스 픽토그램.
- **매트릭스 2×2:** 십자 축을 ±1.5px 흔들리는 2.5px 펜 경로 2개, 4축 끝에 `Caveat` 14pt 손글씨 라벨, 사분면 채움 없음. 데이터 포인트는 손그림 작은 원(흔들리는 테두리), 핵심 사분면(우상) 항목만 코랄 거친 동그라미로 둘러 강조 + 말풍선 주석.
- **계층/퍼널:** 계층은 흔들리는 사각 노드 + 손그림 펜 화살표(수직, 오버슈트). 퍼널은 위→아래 폭 좁아지는 4단 사다리꼴(흔들리는 테두리), 각 단 사선 해칭 채움(잉크→코랄로 단계 진행), 단 옆에 `Caveat` 손글씨 단계명 + 수치.
- **KPI·스탯 카드:** 흔들리는 박스(2.5px 펜 테두리, -2°~+2° 회전, 강조는 0.8px 어긋난 겹선), 거대 수치 `Caveat` 손글씨 36pt `#2B2724`, 위에 14pt 라벨, 아래 증감은 손그림 화살표 + 코랄(하락)·머스터드(상승 강조) 동그라미. 핵심 수치는 코랄 거친 밑줄.
- **목차/섹션 디바이더:** 목차는 손그림 동그라미 번호 + `Caveat` 항목명, 항목을 어긋난 메모처럼 배치. 디바이더는 크림 종이 + 중앙 -2° 회전 흔들리는 박스 안 거대 `Caveat` 장 번호 + 장 제목 + 코랄 손그림 밑줄. 인용 슬라이드는 거대 손그림 따옴표 + `Caveat` 풀쿼트 + 머스터드 해칭 하이라이트.

## 전환 (PPT)
0.3s 페이드 또는 손으로 넘기는 느낌의 가벼운 와이프.

## 하지 말 것
- 자로 그은 듯 완벽한 직선·정원·정사각 — 모든 선은 미세하게 흔들려야 함.
- 솔리드 평면 채움 — 강조는 해칭으로.
- 차가운 무채색 배경 — 배경은 크림색 종이.
- 마커 색 3개 이상, 깔끔한 디지털 그림자, 그라디언트.
- 매끈한 스톡 아이콘·클립아트·이모지 — 아이콘은 손그림 픽토그램.
- 모든 박스를 가지런히 정렬·무회전.
- **아마추어 차트 회귀 금지:** 3D·입체 차트, 그림자, 무지개·계열별 색칠, 격자선, 차트 테두리 박스, 범례 박스, 잘린 y축. 매끈한 직선 축·솔리드 평면 채움 막대 — 축은 흔들리는 경로, 채움은 해칭, 값 라벨은 손글씨.

## 적용 예
- **표지:** 크림 종이 배경, 중앙에 -2° 회전한 손그림 박스 안 40pt 손글씨 제목, 그 아래 코랄 손그림 밑줄(오버슈트 4px). 모서리에 작은 손그림 별 장식.
- **본문 슬라이드:** 박스 3개를 어긋나게 배치(각 -2°~+2° 회전), 박스 사이 손그림 화살표 연결, 핵심어에 머스터드 해칭 하이라이트.
- **차트 슬라이드:** SVG 손그림 막대 차트 — x축은 ±1.5px 흔들리는 2.5px 펜 경로(y축·격자선 없음), 막대는 2.5px 손그림 테두리 + 사선 해칭 채움(강조 1개만 코랄 해칭), 값 레이블 `Caveat` 16pt 손글씨로 막대 위 직접, 0 기준선. 핵심 막대를 코랄 거친 동그라미 + 말풍선 주석으로 강조.
- **프로세스 슬라이드:** 크림 종이에 가로 4단계 흔들리는 사각 노드(각 -2°~+2° 회전, 손그림 동그라미 번호), 노드 사이 끝이 가늘어지는 펜 화살표(오버슈트 4px). 현재 단계만 코랄 해칭 채움.
- **매트릭스 슬라이드:** 크림 종이에 흔들리는 2.5px 펜 십자 축, 4축 `Caveat` 손글씨 라벨, 데이터 항목은 손그림 작은 원(우상 사분면 항목만 코랄 거친 동그라미 + 말풍선).
- **KPI 슬라이드:** 어긋나게 배치한 흔들리는 박스 3개 — 각 `Caveat` 36pt 손글씨 수치 + 14pt 라벨 + 손그림 증감 화살표, 핵심 수치는 코랄 거친 밑줄.