styles
← 갤러리

Editorial Magazine Deck

펄 화이트 지면 위 비대칭 다단 칼럼, 큰 세리프 헤드라인과 드롭캡, 풀컷 사진이 교차하는 고급 잡지 스프레드 프레젠테이션 스타일.

print-editorial editorial-magazinemagazine-spreadserif-displaydrop-capasymmetric-columnshairline-rulesspot-colorprint-editorial
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

고급 잡지의 펼침면(spread) 편집 관습을 16:9 덱으로 옮긴 프레젠테이션 스타일. 슬라이드는 낱장이 아니라 매거진 스프레드처럼 읽힌다 — 본문이 폭이 다른 2~3단 칼럼으로 흐르고(5:7 비대칭), 크고 대비 강한 세리프 헤드라인이 단 경계를 넘어 상단 전폭을 점유하며, 첫 문단은 3줄 높이 드롭캡으로 연다. 풀컷 사진이 한 칼럼을 위아래로 통째로 채우고 본문이 그 옆을 감싼다. 구획은 그림자·박스가 아니라 가는 헤어라인 룰로만, 강조는 딥 버밀리언 스팟 컬러 단 하나로만. 세리프가 정체성이며 산세리프는 키커·캡션에만 쓴다. 차트·다이어그램도 잉크빛 단색 잡지 인포그래픽으로 본문 칼럼 흐름 안에 삽입한다. 모서리 반경 0, 그림자·그라디언트 없음, 전환은 0.4초 페이드만.

타입 스케일

headline Ag 스타일 견본 Style Specimen
subhead Ag 스타일 견본 Style Specimen
dropcap Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
pull-quote Ag 스타일 견본 Style Specimen
value Ag 스타일 견본 Style Specimen
kpi Ag 스타일 견본 Style Specimen
kicker Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen

덱 전용 타입 스텝(pt 단위, 13.33×7.5in 16:9 캔버스 기준). 세리프가 정체성 — 헤드라인 40pt Playfair Display Bold, 본문 17pt Source Serif Pro(단당 최대 12줄), 첫 문단 드롭캡은 54pt Bold 버밀리언으로 본문 3줄에 걸침, subhead 22pt는 이탤릭 렌더(스케일 스텝은 italic을 인코딩하지 않음). 산세리프(Arial)는 대비용으로 키커(11pt 대문자 +0.12em)·캡션(10pt italic)에만. 차트 값 레이블(value)은 13pt 세리프 tabular figures(font-variant-numeric: tabular-nums), KPI 수치는 40pt Bold tabular. 한글은 Noto Serif KR.

골든 예제 (exemplar)

Field Notes — No. 04

The margin is where the reading begins.

A spread is not a slide. Type flows in columns of unequal width, the eye falls first on the serif headline, then settles into the measure. Nothing is centered; the asymmetry is the composition.

Rules are hairlines. Emphasis is a single spot of vermilion — a dropped initial, a mark, one word — never a second color, never a box or a shadow.

“Set the page, and the slide disappears.
14 Photograph — column full-cut

Issue Two — Cover

Whitespace,
set in serif.

A magazine spread, folded into sixteen by nine.

Cover 01

Do

  • 본문은 폭이 다른 2~3단 칼럼(5:7 비대칭)으로 흐르는 산문 — 불릿이 아니라 문단
  • 헤드라인은 큰 세리프(40pt Bold)로 단 경계를 넘어 상단 전폭/좌측 2/3, 첫 문단은 3줄 드롭캡으로 연다
  • 구획은 그림자·박스가 아니라 0.5pt 헤어라인 룰로만, 사진은 보더 없는 직사각 풀컷이 한 칼럼을 상하로 점유
  • 스팟 컬러는 딥 버밀리언 단 하나 — 드롭캡·키커·풀퀘이트 인용부호·강조 1어절·차트 강조 1개에만
  • 차트·다이어그램은 잉크빛 단색 잡지 인포그래픽 — 격자선·범례·테두리 제거, 값은 세리프 tabular 직접 라벨, 기준선 0

Don't

  • 헤드라인·본문을 산세리프로 쓰지 말 것 — 세리프가 정체성, 산세리프는 키커·캡션에만
  • 좌우 대칭 중앙 정렬 레이아웃 금지 — 칼럼 폭은 의도적으로 비대칭
  • 둥근 모서리·그림자·카드 박스·그라디언트 금지
  • 스팟 컬러 2개 이상·본문 텍스트에 컬러 금지, 이모지·클립아트·스톡 아이콘 금지
  • 3D·격자선·테두리 박스·범례 박스·잘린 y축·둥근 막대·무지개 색칠 등 아마추어 차트 회귀 금지

컴포넌트 노트

headline_block
키커(11pt 대문자 버밀리언 +0.12em) 위, 40pt Playfair Display Bold 헤드라인 아래(단 경계 넘어 전폭/좌측 2/3). 좌측 정렬. 부제는 22pt Italic.
body_column
17pt Source Serif Pro 산문이 5:7 비대칭 2단 또는 3단으로 흐름 — 불릿 리스트가 아니라 문단. 단당 최대 12줄. 첫 문단은 54pt Bold 버밀리언 드롭캡(3줄 걸침)으로 연다. 단 사이 0.5pt 헤어라인.
photo
직사각 풀컷 — 한 칼럼을 상하 여백까지 edge-to-edge로 점유. 보더·라운드·그림자 없음. 본문이 옆 칼럼을 감싼다.
pull_quote
본문보다 큰 24pt Italic + 좌측 버밀리언 인용부호. 컬럼 폭에 정렬.
chart
본문 칼럼 흐름에 삽입하는 잉크빛 단색 잡지 인포그래픽(SVG). 위아래 0.5pt 헤어라인 룰로 분리, 격자선·테두리·범례·y축 제거, x 베이스라인만 0.75pt 잉크. 데이터는 잉크 블랙 단색 + 강조 1개만 버밀리언(2계열은 잉크+미드그레이 명도). 막대:간격=3:2, 반경 0, 기준선 항상 0. 값 레이블은 막대 끝/꼭짓점에 13pt Source Serif Pro tabular 직접, 축·캡션·출처는 10pt Arial Italic.
diagram
직각 사각형 노드(반경 0, 0.5pt 헤어라인 보더·채움 없음) + 0.5pt 잉크 직선 커넥터 + 5px 삼각 화살촉 + 세리프 번호 배지(0.3in 원, 13pt Playfair Bold)라는 한 언어. 강조는 버밀리언 1요소(핵심 노드 보더 1pt 또는 배지 채움+흰 숫자). 프로세스·타임라인·비교·2×2 매트릭스·퍼널이 여기서 파생. 위아래 0.5pt 룰로 본문과 분리.
kpi_card
무테 — 위아래 0.5pt 헤어라인 룰 사이에 배치. 상단 11pt 대문자 버밀리언 키커, 그 아래 40pt Playfair Bold 잉크 수치(tabular), 하단 10pt Arial Italic 증감(▲/▼, 화살표·텍스트 모두 미드그레이). 3~4개를 칼럼 그리드에 균등, 카드 사이 세로 헤어라인.
footer
하단 외측 페이지 번호 10pt 세리프. 차트/데이터에는 하단 10pt Arial Italic '출처: … (단위)' 캡션.