# Layout

Canonical: https://socra.design/layout

Primitives that arrange screens, panes, rhythm, and media grids.

- [Layout Family](https://socra.design/layout/layout-family.md): The direct intent-based layout family — Center, Column, Page, and Row — structure says what it is, never how many pixels.
- [Primitives](https://socra.design/layout/primitives.md): Browser-owned actions, feedback, and surfaces composed with direct @socra/ui-web-layout structure and @socra/ui-web-text semantics.
- [Header Glass](https://socra.design/layout/header-glass.md): A semantic translucent header surface for content that scrolls underneath.
- [Container](https://socra.design/layout/container.md): Container in the UI system.
- [Spacing](https://socra.design/layout/spacing.md): Spacing in the UI system.
- [Stack](https://socra.design/layout/stack.md): Stack in the UI system.
- [Image List](https://socra.design/layout/image-list.md): Image List in the UI system.