215 / 627

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.
Shelf
Navigation and menus
Group
Navigation 66 of 116
Theme
Light and dark
Live pointer
7 steps, until you take over