Hand-drawn Sketch Deck

설명

화이트보드에 손으로 그린 워크숍 보드를 일반화한 프레젠테이션 스타일. 모든 박스 테두리가 자로 그은 직선이 아니라 미세하게 떨리는 손그림 경로이고, 화살표·밑줄·동그라미는 끝으로 갈수록 가늘어지는 거친 펜 스트로크로 그린다. 강조는 그라디언트나 솔리드 채움이 아니라 사선 해칭(30°)과 코랄·머스터드 두 마커 색뿐이며, 각 박스는 -2.5°~+2.5°로 살짝 비뚤어져 손으로 붙인 메모처럼 배치된다. 배경은 항상 크림색 종이 질감. 차트·다이어그램도 같은 손그림 언어(흔들리는 축·해칭 막대·손글씨 값 라벨)를 입어 매끈한 디지털 도형을 배제한다.

타입 스케일

덱 전용 타입 스텝(pt 단위, 16:9 / 13.33×7.5in 캔버스 기준). display=Caveat 손글씨체가 헤드라인·서브헤드·라벨·말풍선·값 라벨·KPI 수치를 담당(약간 기울임 또는 -1.5° 회전), 본문만 가독성을 위해 humanist sans 정자(Pretendard, 웹폰트 대체 Noto Sans KR). 캡션은 보조색 12pt. 값·카테고리 라벨은 축에서 읽지 않고 막대/꼭짓점에 손글씨로 직접 표기.

골든 예제 (exemplar)

컴포넌트 노트

sketch_box

흔들림 사각 박스 — 2.5px ±1.5px 손그림 경로 테두리, 6px 불규칙 반경, -2.5°~+2.5° 회전, 흰(paper) 채움. 강조 박스는 0.8px 어긋난 겹선. SVG 정밀 경로로 렌더(div 매끈 도형 지양).

marker_arrow

요소 연결·강조용 펜 화살표 — 끝으로 갈수록 가늘어지는 가변 굵기(3px→1.5px), 살짝 흔들리는 경로, 끝 오버슈트 4px, 잉크색. 밑줄·동그라미도 같은 스트로크 언어.

speech_bubble

손그림 타원/사각 말풍선 + 손그림 꼬리 — Caveat 손글씨 16pt 라벨. 핵심 데이터점·현재 시점 주석에.

hatch_fill

강조 영역은 솔리드 대신 사선 해칭(2px 선, 6px 간격, 30°). 강조 1개만 코랄 해칭, 나머지는 잉크 해칭. 우세 요소는 머스터드 해칭 + 거친 동그라미.

chart

손그림 차트 — x 베이스라인만 ±1.5px 흔들림 2.5px 펜 경로(y축·격자선·범례·테두리 박스 제거), 막대는 2.5px 손그림 테두리 + 사선 해칭 채움(강조 1개 코랄), 값은 Caveat 16pt로 막대 위 직접, 기준선 항상 0. 핵심점은 코랄 거친 동그라미 + 말풍선 주석.

diagram

하나의 손그림 언어 — 흔들림 사각 노드(2.5px 펜, 랜덤 회전) + 손그림 동그라미 안 단계 번호(Caveat) + 가변 굵기 펜 화살표(오버슈트 4px). 프로세스·타임라인·비교·2×2 매트릭스·퍼널 전부 여기서 파생. 강조는 코랄·머스터드 해칭/동그라미 2색만.

kpi_card

흔들림 박스(2.5px 펜, 회전, 강조=겹선) — Caveat 36pt 수치 + 14pt 라벨 + 손그림 증감 화살표(코랄=하락/머스터드=상승 강조 동그라미), 핵심 수치는 코랄 거친 밑줄.

divider

크림 종이 + 중앙 -2° 회전 흔들림 박스 안 거대 Caveat 장 번호·장 제목 + 코랄 손그림 밑줄. 목차는 손그림 동그라미 번호 + Caveat 항목명을 어긋난 메모처럼 배치.