DEFAULT
Geometric grid.
1px 보더 + 0 radius — Swiss 정통 카드.
VIEW DETAILS →VOL. 042 / 2026
FORM
FOLLOWS
FUNCTION.
기하학 정밀 · 단일 빨강 액센트 · Helvetica · radius 0 · shadow 0. Müller-Brockmann, Massimo Vignelli, Wim Crouwel 라인의 정통 Swiss + Bauhaus 디자인 톤이에요. 미술관 · 건축 사무소 · 럭셔리 갤러리 · 출판사에 어울려요.
DISPLAY XL
Display XL
DISPLAY
Display Default
TITLE LG
Title LG
TITLE
Title default
BODY
Body 1rem regular. The quick brown fox jumps over the lazy dog.
MONO
IBM Plex Mono — 0123456789모든 버튼은 1px 검정 보더 + 0 radius + uppercase. Primary 만 빨강 fill.
MESSAGE
PROGRESS · 72%
DEFAULT
ACCENT
SUCCESS
WARNING
DANGER
INVERTED
ACCENT
Swiss red.
International red fill — 강조 카드 단 1개만 사용 원칙.
VIEW DETAILS →INVERTED
Pure contrast.
반전 surface — 흑백 대비.
VIEW DETAILS →VISITORS
12,489
↑ 18.4% THIS WEEK
CONVERSION
3.2%
↓ 0.6%P YESTERDAY
REVENUE
₩42.5M
↑ 7.1% MTD
DISPATCH · 042
Less, but better.
BY RYAN · 2026.05.22 · 4 MIN
Swiss Style 또는 International Typographic Style은 1950년대 취리히와 바젤에서 시작되어 Müller-Brockmann, Vignelli, Crouwel을 거치며 현대 디자인의 기본 문법이 되었어요. 핵심은 grid system, sans-serif typography (Helvetica/Univers), 기능적 조형, 강한 단색 액센트.
Bauhaus는 1919년 Weimar에서 시작된 학교지만 디자인 언어로는 Swiss와 거의 동의어로 쓰여요. *Form follows function* — 장식 없는 기능, 수학적 그리드, 그리고 단 하나의 강조색(보통 빨강 또는 파랑).
Less, but better. — Dieter Rams (Braun, 1976)
Swiss 시그니처 3종: 거대 숫자 + 좌측 빨강 rule + 1px 그리드 라인.
RADIUS
0px
NO ROUNDED CORNERS
SHADOW
0
FLAT, ALWAYS
ACCENT
#E30613
SINGLE RED · NO GRADIENTS
이 디자인, 내 프로젝트에 바로 쓸 수 있어요
크리에이터OS가 있으면 말 한마디로, 없어도 2단계면 즉시 적용돼요.
Creator OS 사용 중이라면
에이전트에게 말 한마디면 끝
테마 선택·CSS 세팅까지 자동이에요. 코드 한 줄 안 봐도 돼요.
"Swiss 스타일로 미술관 사이트 만들어줘"Creator OS 시작하기 →
직접 적용하고 싶다면
2단계로 즉시 적용
① <head> 에 CSS 2줄
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-tokens.css">
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-components.css">
② <body> 에 테마 한 줄
<body data-theme="swiss">