design-explosion — 도메인 맞춤형 디자인 30 스타일

업종을 고르면 그 도메인에 맞는 화면(원형)을 잡고, 같은 화면을 30가지 스타일로 펼칩니다. 콘텐츠·구조는 고정, 스타일만 변수 — 그래서 눈에 보이는 차이는 오직 디자인.
📈 이 프로젝트가 어떻게 진행됐는지 한눈에 보기 — 세 데모 · Zen Garden 3층 재설계 · 검증·구축 여정 →

완성 데모 — 도메인이 바뀌면 원형이 바뀐다

같은 도구, 다른 원형. 각각 30 스타일 · 콘텐츠 고정(body 바이트 동일) · coverage 전수 통과. 3층 파이프라인(스켈레톤 1개 + CSS 3층)으로 뽑았습니다. 카드를 열어 30장을 나란히 보세요.

원형 A · 대시보드 Info › Finance
핀테크 정산 대시보드 — 30 스타일 ↗
KPI·차트·표가 주인공. D엔 자리도 없던 그 셋이 A 스켈레톤엔 필수 — 원형이 화면 종류를 진짜 가른다.
 원형 B · 대화 대화형 AI · 연서
연서 대화형 AI — 30 스타일 ↗
대화 흐름이 주인공. 이 스킬이 태어난 사고 — 대화 제품에 대시보드를 잘못 씌웠던 걸 원형 B로 바로잡았다.
 원형 D · 컬렉션 Shopping › Fashion
패션 쇼핑몰 — 30 스타일 ↗
상품 카드 그리드·필터가 주인공. KPI·차트는 D 스켈레톤에 자리가 없다 — 화면 종류를 스켈레톤이 구조로 고정.

같은 원형, 새 도메인 — 도메인 무관성의 증거

중고거래 마켓은 패션과 같은 원형 D. base·tokens·signature(30 스타일 전부)를 그대로 재사용하고, 새로 짠 건 스켈레톤 1개(중고거래 콘텐츠)뿐 — 그래서 패션과 구조가 같고 눈에 보이는 차이는 콘텐츠 글자뿐입니다.

원형 D · 새 도메인 중고거래 · 모아마켓
중고거래 마켓 — 30 스타일 ↗
스켈레톤 1개만 새로, CSS 라이브러리는 통째로 재사용. 도메인이 바뀌어도 CSS는 안 바뀐다.

그 밖의 자료