캔버스 · 인쇄

문서·슬라이드는 정해진 캔버스 규격 위에서 만들어집니다. A4·16:9·9:16 세 가지 캔버스와 세이프 영역, 그리고 화면 그대로 인쇄·PDF로 떨어지도록 하는 규칙을 정의합니다.

캔버스 규격 · 3종

모든 산출물은 아래 세 캔버스 중 하나에서 시작합니다. 점선은 세이프 영역으로 출력물에는 보이지 않습니다.

Campaign Report

Y2K 릴리스
성과 리포트

2026 · Q2 · v1.0

SOUND.RADAR · Confidential

A4 세로

210 × 297 mm

· 리포트 · 제안서 · 가이드
· 세이프 마진 18mm
· 인쇄 300dpi · PDF 기본

KPI

릴리스 주간 성과

#23

YT MV

iTunes

+18%

스트리밍

16:9 슬라이드 1280 × 720

발표 · 피치덱. 세이프 64px 안에 핵심 정보. 한 슬라이드 = 하나의 메시지.

Now Charting

Y2K

iTunes Top Songs · KR

9:16 세로

1080 × 1920

· 숏폼 · 스토리 · 모바일 카드
· 세이프 64px · 상하단 UI 침범 주의
· 핵심 지표 1개에 집중

인쇄 · PDF 규칙

화면에서 본 그대로 출력되도록 — 색 유지, 페이지 분할, 표 머리글 반복을 통제합니다.

· 클라이언트 전달 기본 출력은 A4 PDF
· 배경색·뱃지는 print-color-adjust:exact 로 색 유지
· 카드·표·KPI 블록은 페이지 중간에서 잘리지 않도록 avoid-break
· 긴 표는 머리글(thead)을 페이지마다 반복
· 화면 전용 요소(네비·버튼)는 no-print 로 숨김
· 슬라이드는 세이프 영역 밖에 핵심 정보 배치 금지
· 재단(bleed)이 필요한 인쇄물은 가장자리 3mm 여유

/* 모든 캔버스 공통 인쇄 규칙 */ @media print { @page { size:A4; margin:18mm; } .no-print { display:none !important; } .avoid-break{ break-inside:avoid; } .page-break { break-after:page; } thead { display:table-header-group; } * { print-color-adjust:exact; } }

캔버스 클래스

템플릿·생성 산출물이 사용하는 실제 클래스. 이 골격 위에 컴포넌트를 얹습니다.

A4 세로

.cv-a4 · 210×297mm

리포트·제안서·가이드 · 세이프 18/18mm

16:9 슬라이드

.cv-169 · 1280×720

발표·피치덱 · 세이프 64px

9:16 세로

.cv-916 · 1080×1920

숏폼·스토리·모바일 · 세이프 64px

세이프 가이드

.cv-safe

안전 영역 점선 — 출력엔 미노출

페이지 나눔

.page-break

이 지점 이후 새 페이지(break-after)

분할 금지

.avoid-break

블록을 페이지 경계에서 자르지 않음

화면 전용

.no-print

인쇄·PDF에서 숨김