Start
Templates
A gallery answers what a Table looks like. These answer the question after it — which components a real screen needs together, and how they space against each other once there are twelve of them rather than one.
Dashboard
12 componentsA console: a sidebar, a figure band, tabs, a filterable table and two job cards.
Density. Twelve components in a bounded column, close enough together that any spacing decision that was only ever checked in isolation shows up.
NavItemFigureBandTabsToggleGroupTableBadge+6
Landing page
11 componentsA marketing page: a hero, a figure band, three pillars, a reversed pricing plate and an FAQ.
Air. Very few components, a great deal of space, and the type ladder carrying the page — the opposite failure mode to the console.
StatusPillButtonTagFigureBandCardSeparator+5