Sticky toolbar shell

A full-page shell with a sidebar, a named resource header, and a horizontal tab row delivering sub-view content below.

Horizontal nav with the Acme lockup, five links, a command hint, and the page below.

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.