Application shells

Multi-column layouts

Multiple content columns for dense, list-driven apps.

Full width with secondary

Full-width content area with a flush secondary column.

Open

Full width three columns

Three-column flush layout for content-rich apps.

Open

Constrained with secondary

Centered max-width canvas with secondary column.

Open

Constrained three columns

Centered three-column canvas with rails.

Open

With sticky sidebar

Persistent sidebar that sticks while content scrolls.

Open

With bottom-aligned nav

Sidebar with utility nav anchored to the bottom.

Open