66 of 300

Navigation 66

Bar layout: Left cluster

Wordmark and menu together on the left, the actions alone on the right.

A CSS grid with one free column

  • WhyCommon with developer tools. Logo and menu are read in one movement of the eye, and there is room for more items before anything has to be hidden.
  • RiskHeavy on the left. The right side has the button alone.
  • TechniqueA grid with a free column between the menu and the actions.