Dashboard home shell

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.

Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading pane with triage actions and a reply footer.

Sidebar with Projects expanded to three indented children, one active.

Three-column shell with an icon nav rail, main content area, and a right context rail showing a live activity list.

Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.

The navigation rail with active state, command hint, and labeled drop zones for your pages.