← 갤러리

Swiss Editorial Bold

정밀 12열 그리드 위에 거대 압축 디스플레이 활자를 타이포그래픽 일러스트로 쓰는 흑백+스팟 1색 에디토리얼 덱 스타일 — 질서 위의 의도된 혼돈.

swiss-international swiss-editorialgiant-typecondensed-displayspot-colorstrict-gridtypographic-illustrationmonochrome-plus-one
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

스위스 국제주의 그리드의 엄정함 위에 거대한 활자의 폭발을 얹은 프레젠테이션 스타일. 정밀 12열 모듈러 그리드에 96~140pt 압축(condensed) 디스플레이 활자를 늘이고 슬라이드 경계에서 잘라(crop) 타이포그래픽 일러스트 그 자체로 쓴다. 웜 화이트와 잉크 블랙을 슬라이드별로 반전하며, 스팟 컬러는 버밀리언 오렌지 또는 일렉트릭 블루 중 슬라이드당 단 1색만 거대 활자·컬러 블록에 얹는다. 곡선·둥근 모서리·그림자·그라디언트는 전면 금지, 모든 모서리는 직각이고 깊이는 색 대비와 겹침으로만 만든다. 차트·다이어그램은 SVG로 정밀 렌더하며 무채색 + 스팟 1강조·격자선 제거·직접 레이블링을 규율로 삼는다. Bloomberg Businessweek 계열 에디토리얼로 한눈에 식별된다.

타입 스케일

giant Ag 스타일 견본 Style Specimen
display Ag 스타일 견본 Style Specimen
heading Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen

덱 전용 타입 스텝(pt 단위, 16:9 / 13.33×7.5in 캔버스 기준). 디스플레이는 압축(condensed) 헤비 산세리프 Archivo Black/Expanded — 표지·타이포 일러스트는 giant 96~140pt로 슬라이드 경계에서 crop, 자간 -0.03em. 헤드라인 44pt는 동일 패밀리 Bold, 좌상단 그리드 1~6열 고정. 본문 Inter 24pt / 행간 1.35 / 슬라이드당 6줄 이하, 좌측 정렬(중앙 정렬 금지). 캡션·값 레이블은 14pt Inter Medium 대문자 자간 0.08em으로 섹션 라벨·직접 데이터 레이블 역할, 수치는 tabular figures(font-variant-numeric: tabular-nums). 라틴 Inter + 한글 Pretendard(웹폰트 대체 Noto Sans KR), 디스플레이 한글은 Pretendard ExtraBold.

골든 예제 (exemplar)

Order/Chaos

Issue 01 — Editorial Deck
01 / 24

Section — The Grid

The grid is strict so the type can be loud.

  • Every block snaps to the 12 columns
  • Only giant type breaks the frame
  • One spot color per slide, never two
Bold

Do

  • 거대 압축 디스플레이 활자를 타이포그래픽 일러스트로 쓴다 — 96~140pt, 슬라이드 경계에서 crop되어 화면 밖으로 흐르게
  • 모든 콘텐츠 블록을 엄격한 12열 그리드 셀에 정확히 스냅한다 (거대 활자 crop만 예외)
  • 스팟 컬러는 슬라이드당 단 1색(버밀리언 또는 블루)만 거대 활자·컬러 블록에
  • 구획·커넥터는 볼드한 1~3pt 솔리드 잉크 룰 라인으로, 박스 보더 대신
  • 차트·다이어그램은 SVG 정밀 렌더 — 무채색 + 스팟 1강조, 격자선·범례 제거, 직접 레이블링, 기준선 0

Don't

  • 그라디언트·그림자·곡선 도형·둥근 모서리(radius>0) 금지
  • 스팟 컬러 2색을 한 슬라이드에 동시 사용 금지 — 슬라이드당 1색
  • 활자를 얌전히 작게 쓰지 말 것 — 거대 활자가 정체성이다
  • 이모지·아이콘·클립아트·일러스트 금지, 본문 중앙 정렬 금지 — 좌측 정렬·비대칭
  • 3D·입체 막대·범례 박스·격자선·잘린 y축·무지개색·둥근 막대 금지, div 셀 막대 금지(SVG로)

컴포넌트 노트

cover
웜 화이트(또는 반전 잉크) 배경, 화면을 가로지르는 130pt 압축 활자 제목(우측 글자가 경계에서 crop), 하단 좌측에 스팟 컬러 사각 블록 + 14pt 대문자 캡션.
content_slide
좌측 1~6열에 44pt 헤드라인 + 24pt 본문(6줄 이하), 우측 7~12열에 거대 88pt 스팟 컬러 키워드 한 단어 또는 단색 블록. 좌측 정렬·비대칭.
chart
SVG 정밀 렌더. 각진 막대(반경 0), 막대 폭:간격 = 3:2, 12열 그리드 스냅, 기준선 항상 0. 막대는 전부 무채색(잉크/반전 웜 화이트) + 핵심 1막대만 슬라이드 스팟 1색(chart-1). 격자선·범례·y축 제거, x 베이스라인만 3pt 룰. 값은 막대 위 14pt 대문자 tabular 직접 라벨, 항목명은 막대 아래 14pt 대문자. 잘린 y축·3D·둥근 막대·무지개색 금지.
diagram
0radius 직사각 노드 + 3pt 솔리드 룰 라인 커넥터 + 채운 삼각형 화살촉 + 무채색 정사각 번호 배지(Archivo Black 20pt 반전 숫자)라는 한 언어. 프로세스(4~5단계)·타임라인·2×3열 비교·2×2 매트릭스(3pt 십자 룰)·계층/퍼널 전부 여기서 파생. 활성/강조 요소 1개만 스팟 컬러, 나머지 무채색. 전부 SVG, div 블록 금지.
kpi_card
무테 — 12열 그리드 셀 스냅. 88pt Archivo Black 스팟 수치(슬라이드당 1색) + 그 아래 3pt 룰 라인 + 14pt 대문자 캡션 라벨. 델타는 채운 삼각형(▲▼) + 수치 14pt 대문자, 색 없이 글리프로. 카드 3개는 12열 4+4+4, 사이 3pt 세로 룰.
giant_type_illustration
단일 핵심 메트릭·키워드는 차트 대신 88~130pt 스팟 컬러 거대 압축 활자로, 슬라이드 경계에서 crop되어 화면 밖으로 흐르게 배치.