디자인 시스템 일지

매주 발행하는 디자인 시스템 빌딩 노트. 15 테마 라이브러리의 결정 과정, 컴포넌트 설계, 그리고 트렌드 분석.

디자인 시스템 주간 발행 크리에이터 OS

디자인 시스템

15 테마를 한 라이브러리로 묶는다는 것

Glassmorphism부터 Cyberpunk까지 — 정 반대 성격의 디자인 언어를 같은 컴포넌트 클래스 아래 공존시키는 방법. 토큰 레이어, 시그니처 메커니즘, 그리고 trade-off에 대한 회고.

By @ryan · 2026.05.22 · 8 min read

테마 분석

Frutiger Aero가 다시 유행하는 이유

2024년부터 Gen Z 사이에서 다시 살아난 2000년대 Aqua 미학. 단순한 노스탤지아일까, 새로운 의미일까.

@ryan 5 min · 2026.05.20

컴포넌트

Toggle 컴포넌트, 8가지 시그니처

같은 .toggle 클래스가 테마에 따라 어떻게 8가지 다른 personality로 바뀌는지 — Brutalist 사각부터 Claymorphism 클레이까지.

@ryan 4 min · 2026.05.18

트렌드

Mesh Gradient, AI 시대의 시그니처

Stripe부터 Linear까지 — 왜 모든 AI 스타트업이 mesh gradient hero를 쓸까. CSS 구현법까지.

@ryan 6 min · 2026.05.15

디자인 시스템

SSOT가 디자인 토큰에 적용되는 방식

단일 진실의 원천 — 디자인 토큰 + Tailwind config + Figma Variables 모두 같은 source에서 생성하는 파이프라인.

@ryan 7 min · 2026.05.12

테마 분석

Neumorphism, 그 후 4년

2020년 트렌드의 정점에 있던 Neumorphism은 왜 주류로 안 갔을까. 그리고 누가 여전히 쓰고 있을까.

@ryan 5 min · 2026.05.10

컴포넌트

JS 없는 모달과 드롭다운 만들기

<details>/<summary>가 ARIA보다 먼저 만들어준 native UI 컴포넌트들 — 실용 케이스 모음.

@ryan 3 min · 2026.05.08