Navbar

  1. Base UI
  2. Navbar

Workspace navigation

A clear hierarchy with a primary action and responsive menu.

Search-first header

Keep search close to the main destinations.

Workspace dropdown

Organize supporting pages inside a concise menu.

Dark navigation

Use the existing light brand variant on a dark surface.

Soft accent header

A restrained theme tint for a familiar workspace.

Two-level header

Separate utility shortcuts from the main navigation.

Your workspace, connected.Account preferences

Compact brand bar

A focused header with just the essentials.

Centered identity

Keep the familiar brand mark at the center.

Always-collapsed menu

A compact hamburger layout at every breakpoint.

Project context bar

Combine brand identity, context, and one useful action.