🎉 디자인 시스템 v5.0 — 본문 16px · 컴포넌트 47종 · 스타터 킷 제공
개발페이지 템플릿

13. 페이지 템플릿

반복되는 화면의 참조 구성입니다(강제 아님 — §2-5).

템플릿구성컨테이너
App Shell사이더 + 헤더 + 본문. 태블릿 접힘 / 모바일은 하단 탭바 또는 드로어max / wide
DashboardKPI 카드 그리드 + 차트 + 최근 활동wide
List / Table필터바 + 데이터 테이블 + 선택 액션바 + 페이지네이션wide
Detail헤더(제목+상태+액션) + 탭 콘텐츠 + 사이드 요약max
Form섹션별 카드 + 라벨-필드 세로 리듬 + 하단 액션바narrow / max
Auth중앙 카드(로고 + 폼) + 최소 여백narrow
Empty / Result중앙 아이콘·일러스트 + 안내문 + 주 액션 1개narrow
문서·가이드목차 + 본문narrow (720)
랜딩 · 브랜드히어로 + 섹션full + data-typeset="expressive"
Editor목록 + 편집 폼 + 미리보기 3열 (부록 B 참조)full