sidebar + content
220-280px sidebar, content flex 1. sticky sidebar, scrollable content. dùng cho dashboard, docs, settings.
layout pattern
layout patterns cho các loại trang phổ biến. dùng bento grid làm nền tảng — module chữ nhật, radius đồng nhất, spacing nhất quán.
dashboard layout
layout patterns
bento grid
css grid 12 cột. module chữ nhật với border-radius đồng nhất (--radius-lg). gap dùng spacing tokens. responsive: 1 cột mobile, 2 tablet, 3-4 desktop.
header + body
header cố định (sticky top, z-sticky). body scroll. dùng cho app layout.
centered card
max-width 440-680px, margin auto, padding 2 bên. dùng cho auth, forms, landing.