111 of 300

Navigation 111

Navigation system: Legible

The wordmark sits in the middle with the menu on both sides, and the dot of the i moves to the section you are in or are heading for. Hold the pointer over a menu item to see a preview of the page, glide along the row under it, and click the preview to let it grow into the page.

Wordmark in the middle, and the dot of the i marks where you are

  • WhyIdentity, location and navigation are the same object. The logo is the marker, and that is what people remember.
  • Suited toA brand that wants to be known by its navigation bar and has few, clear sections.
  • RiskThe two sides of the wordmark need width. Below 1180 px the page title on the left disappears, and when the bar no longer fits it becomes the mobile bar. That is decided by measuring, with no fixed breakpoint.