Page layouts

Ten starters built from the shared shell: column layouts, Dashboard, Workspace, Board and the dark version.

Figma: 30 / Templates / Page layouts

One column

A single full-width container for forms and long reads.

Two columns

Two equal containers side by side.

Three columns

Three equal containers for summaries.

Four columns

Four equal containers for metrics.

Main with aside

A wide main container with a narrow aside on the right.

Aside with main

A narrow aside on the left with a wide main container.

Dashboard

Four metrics, a full-width section and three cards.

Workspace

List, detail and context panels that fill the page edge to edge.

Board

Four lanes for kanban-style work.

Dashboard, dark modeDark

The dashboard on the dark semantic set.

GoodUnited design system. The Figma file is the source of truth for every color, type size and component.

Made with Modulify