Stack

Vertical rhythm with configurable gap

Stack child 1 (gap: l)
Stack child 2
Stack child 3
Stack child 1 (gap: xs)
Stack child 2
Stack child 3

Cluster

Horizontal flow with wrapping

Tag one
Tag two
Longer tag three
Four
Tag five is longest
Six
Primary Secondary Outline

Center

Max-width centering with optional intrinsic mode

Centered at 40rem max, intrinsic
Button also centered

Sidebar

Two-column layout that stacks when narrow

Sidebar (16rem)
Content (fills remaining, min 55%)
Content (left)
Sidebar right (20rem)

Switcher

Intrinsic horizontal/vertical switching

Item 1
Item 2
Item 3
Card A
Card B
Card C
Card D

Top slot content

Cover Primitive

This principal content is vertically centered in a 60vh minimum height container.

Call to Action

Bottom slot content