App shell · High Contrast
A complete application frame with a collapsible sidebar, header and content area, where picking a nav item swaps the page.
Design · High Contrast20 / 20
48 px nav targets with the active page filled black, underlined inactive items, a 44 px menu button and 3 px frames.
Motion
Sidebar slides in from the left, the header drops down, the page rises and nav items cascade 45 ms apart.
Accent
A complete application frame with a collapsible sidebar, header and content area, where picking a nav item swaps the page.
layoutsidebarnavigationdashboardadminshellframe