Bar layout: Split
Wordmark on the left, menu in the middle, actions on the right: three groups, each with its own job.
A CSS grid with the menu in the exact middle
- WhyThe most learned composition on the web. The centered menu looks calm, and the eye finds the logo and the button where it expects them.
- RiskIt looks like everyone else's, because it is. The quality has to come from the details.
- TechniqueA grid with the columns 1fr auto auto 1fr, so the menu is centered whatever the width of the logo and the buttons.
- Shelf
- Navigation and menus
- Group
- Navigation 65 of 116
- Theme
- Light and dark
- Live pointer
- 7 steps, until you take over