AppShell

5 variants · shell · for app, account pages

sidebar

the default frame of a back office or member area: a side navigation, the person at its foot, the page on the right

many resources: labelled groups that fold, counts beside the pages, the person pinned at the foot

calm member areas: the sidebar and the page as rounded cards floating on a tinted background

onboarding: a narrow column of steps with progress, the step’s page on the right

a wide working page that needs the full width: no sidebar, the groups of pages as menus in the top bar and the current group’s pages as tabs under it