Sections

Navigation bar design inspiration

Navigation bar design sets the tone before anyone reads a word. These website headers run live, so you can scroll them, open their mobile menus and see how they hold up on a phone, then copy the prompt behind each one.

1 prompts

Prompts

Guide

What makes a navigation bar work

  • Five links or fewer. Anything more belongs in a menu.
  • One button that stands out. The main action, in the brand colour.
  • A mobile plan. Say whether links collapse into a menu or a bottom bar.