Wizard shell

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.

App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two-level navigation.

A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.