Top bar shell

Master-detail layout with a six-row project list pane and a wide detail pane showing the selected item header.

Multi-step flow shell with a slim header step indicator, centered content column, and sticky back and continue footer.

A full-page docs shell with a slim topbar, a column of anchored section cards, and a sticky On this page rail tracking the active section.

IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs, and a pinned status bar.

Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and action buttons above two content panels.

A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view toggle, and a responsive card grid of projects.

A slim top bar and a max-w-3xl reading column on a muted background for docs, articles, or single settings detail pages.

An onboarding home shell with a topbar, welcome header, a setup checklist card with progress and one expanded step, plus a resources rail.

Icon-only nav rail with an expand affordance, badge count on Projects, and an inline tooltip hint on one item.

Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recent commands list below.

The assembled overview, greeting header, KPI strip, recent list, one open chart slot.

Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, and the active document content below.