팩 4개, 컴포넌트 20개.
하나를 고릅니다.
같은 글, 같은 데이터, 같은 컴포넌트 20개. 모양만 팩마다 다릅니다. 데모는 그림이 아니라 육아 사이트가 실제로 그린 화면이에요.
변형 51개 · 항목 96개 · 육아 사이트 10곳 + 허브가 실제로 쓰는 조합
팩 넷 — 같은 글 머리
같은 글(이유식 데이터)의 글 머리를 팩마다 실제로 그린 결과입니다. 팩 이름을 누르면 컴포넌트 20개가 모두 있어요.
공통 계약 · 하지 않는 것
어느 팩을 고르든 똑같이 지키는 약속, 그리고 어느 팩에서도 하지 않는 것 — 상자 색 띠, 이모지, 사이트마다 다른 색.
KKRDS
정부 누리집 같은 공공 안내형. 흰 머리와 아래 선, 「전체 메뉴」, 회색 안내 상자, 넉넉한 줄 간격.
PPrimer
GitHub 문서 같은 개발 문서형. 어두운 머리, 테두리 상자와 회색 머리 줄, 숫자 배지, 촘촘한 밀도.
CCarbon
IBM 업무 도구형. 검은 머리, 모서리 없는 회색 타일, 가늘고 큰 제목, 넓은 화면에서 제목은 왼쪽·내용은 오른쪽.
Sshadcn/ui
요즘 서비스 같은 모던 SaaS형. 얇은 선과 둥근 모서리, 자간 좁힌 큰 제목, 그림자는 카드 한 종류에만.