Layout Patterns
섹션·그리드·컨테이너 배치 규칙
Hero Split
flex / gap-12좌텍스트 + 우비주얼 2단 히어로
사용처랜딩, 기능 소개
3-Column Feature Grid
grid-cols-3 / gap-6기능 카드 3열 균등 그리드
사용처Features, 서비스 소개
Sidebar Layout
w-[220px] + flex-1좌 사이드바 + 우 메인 콘텐츠
사용처앱 대시보드, 설정
Full-Width Section
w-full / gradient전체 너비 그라디언트 히어로 배너
사용처CTA, 프로모션
4-Column Card Grid
grid-cols-4 / auto-fill카드 4열 자동 래핑 그리드
사용처갤러리, 상품 목록
Sticky Header
position:sticky / backdrop-blur상단 고정 GNB + 스크롤 블러
사용처모든 페이지 최상단