Card grid shell

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.

App shell with a pinned staging environment banner, a switch action, a topbar, and a deployments page with an environment facts panel.

Minimal top bar with back link, document title, save state badge, and a centered max-w content column with no sidebar.

Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors that need every pixel of viewport space.

The icon only rail with aria labels, maximum width left for dense tool content.