01 — HERO

VOL. 042 · 2026.05.20

DESIGN
WITHOUT
APOLOGY.

두꺼운 검정 보더 · 0 radius · 그림자 0 · 그라데이션 0. 콘텐츠 자체가 디자인. 잡지 / 에이전시 / 패션 톤.

02 — TYPOGRAPHY

Display XL · 88px

DISPLAY XL

Display · 64px

Display Default

Title · 32px

Title LG

Title · 24px

Title default

Body · 1rem

Body 1rem regular. The quick brown fox jumps over the lazy dog.

Mono · 0.875rem

$ git push origin main
03 — BUTTONS
04 — FORM

EMAIL

MESSAGE

진행률 · 72%

05 — TAGS
DEFAULT ACCENT SUCCESS WARNING DANGER INVERTED
06 — CARDS

DEFAULT

Clean lines.

기본 카드 — 테마별 chrome metaphor 적용.

View Details →

INVERTED

Pure night.

반전 surface — text-primary 가 배경.

View Details →
07 — STATS

VISITORS

12,489

↑ 18.4% this week

CONVERSION

3.2%

↓ 0.6%p yesterday

REVENUE

₩42.5M

↑ 7.1% month-to-date

08 — ARTICLE

DISPATCH · 042

The end of nice design.

BY RYAN · 2026.05.20 · 4 MIN READ

Brutalist 디자인은 1950년대 *béton brut* (생콘크리트) 건축에서 유래했지만, 2014년 이후 디지털 영역에서 부활했어요. Drudge Report · Bloomberg Terminal · Berghain 같은 원초적 톤의 부활입니다.

핵심은 디자이너가 친절해지지 않는 것. 둥근 모서리 = 친절. 그라데이션 = 부드러움. 그림자 = 가짜 깊이. 셋 다 제거하면 콘텐츠 자체가 디자인이 되는 순간이 옵니다.

이건 디자인이 아니라, 디자인이 *없는* 디자인이다.

에이전시 / 패션 / 잡지 / 예술 portfolio 같은 *주장이 있는* product 에 적합. 일반 SaaS 대시보드에 쓰면 사용자가 도망갑니다.

참고: Wikipedia — Brutalist architecture

09 — SIGNATURE

JOINED ASYMMETRIC

그리드 자체가 chrome.

Brutalist 의 시그니처 mechanism — cell 사이 *두꺼운 검정 보더로 grid 가 joined 됨* (gap 0 + cell-divider 4px). 다른 테마는 cell 간 gap + border 없음.

ORIGIN BÉTON BRUT · 1953
REVIVAL 2014–PRESENT
CONTRAST 21 : 1 (AAA)
RADIUS 0 px

CONTRAST

21:1

PURE BLACK / PURE WHITE

RADIUS

0px

NO ROUNDED CORNERS

BORDER

4px

HARD THICK BLACK

이 디자인, 내 프로젝트에 바로 쓸 수 있어요

크리에이터OS가 있으면 말 한마디로, 없어도 2단계면 즉시 적용돼요.

Creator OS 사용 중이라면

에이전트에게 말 한마디면 끝

테마 선택·CSS 세팅·컴포넌트 배치까지 자동이에요. 코드 한 줄 안 봐도 돼요.

"Brutalist 스타일로 포트폴리오 만들어줘"
Creator OS 시작하기 →
직접 적용하고 싶다면

2단계로 즉시 적용

① HTML 파일 <head> 안에 아래 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="brutalist">

버튼·카드·폼·태그가 모두 강렬한 Brutalist 디자인으로 바뀌어요. Framer · Wix 커스텀 코드에도 동일하게 작동해요.