Application shells
Sidebar layouts
A persistent vertical sidebar paired with a content area.
Light sidebar
Standard light sidebar with grouped nav items.
Open
Light sidebar + header
Light sidebar paired with a top utility header.
Open
Dark sidebar
Dark sidebar for content-first product UIs.
Open
Brand sidebar
Saturated brand sidebar with white nav text.
Open
Brand sidebar + header
Brand sidebar with a complementary top header.
Open
Condensed sidebar
Icon-only rail sidebar to maximize content area.
Open
Condensed sidebar + header
Icon rail with a top header and breadcrumbs.
Open
With secondary column
Sidebar plus a secondary content list column.
Open