Tokens
Layout shares the global spacing surface and exposes a small set of gap and rhythm tokens.
Layout
Layout provides a small set of composable building blocks for common page, app, and content structure. It is not a utility-first framework and it is not a twelve-column grid system.
Stack
Vertical flow with consistent spacing, ideal for forms, card content, and content blocks.
Cluster
Inline groups that wrap naturally, useful for action rows, tags, and toolbars.
Center
Constrain readable content and center it in the viewport, with width and padding tunable per instance.
List
Lists stay native by default. Compose visual list rows from existing primitives.
Grid
Responsive equal-width item grids with a tunable minimum item width.
Sidebar
Two-column layout where one side has a preferred width and the other takes the remaining space.
Media Object
Fixed-width leading element (avatar, icon, image) paired with flexible trailing content.
Switcher
Row that becomes a column when space gets tight, useful for small sets of panels.
Topbar
Sticky, frosted top bar shell for app/dashboard layouts with a persistent sidebar.
Scroll Snap
Horizontal rails that stay useful without JavaScript and snap in modern browsers.
Frame
Media container that holds a stable aspect ratio for images, video, or embeds.
Header And Footer
Document landmarks for top and bottom regions, composed with layout primitives.