Breadcrumbs

Minimal navigation

A simple path above the page content.

Icon navigation

Add context with the project icon system.

Soft surface

Keep the navigation separate from surrounding content.

Compact page header

Pair a title with its parent navigation.

Profile settings

Back navigation

Use a short return link alongside a detailed path.

Back to invoices

Right aligned path

Place navigation at the end of a toolbar.

Centered navigation

A balanced path for focused layouts.

Responsive long path

Allow longer navigation to wrap on smaller screens.

Collapsed hierarchy

Reveal intermediate locations through a dropdown.

Navigation with actions

Keep the page path and useful actions together.

Create invoice

Section header

A complete reusable header for application pages.

Team directory

Find people and explore their professional profiles.

View profile