Skip to content

Patterns

Patterns

Navigation

Sidebar for product shells, sticky top bars for docs, and bottom tabs for mobile-first tools.

Active states

Active items use accent surface + primary-tinted text — not loud fills. Collapse labels to icons below 1024px when space is tight.

Sidebar

Foundry App
DocsChangelog
Content region
Overview
Components
Team
Settings