Bar layout: Flank
The wordmark in the middle with the menu on both sides: Products, Research and Developers on the left, Company and Pricing on the right, and the actions at the far end.
A CSS grid with two equal columns around the wordmark
- WhySymmetry around the sender, as on a book cover. Known from hotels and luxury brands and rare in software, so it is recognized at once.
- RiskThe menu is split in two groups that have to make sense: here product and knowledge on the left, company and price on the right.
- TechniqueA grid of minmax(0, 1fr) auto minmax(0, 1fr). The two equal columns keep the logo in the middle though the groups differ in width.
- Shelf
- Navigation and menus
- Group
- Navigation 69 of 116
- Theme
- Light and dark
- Live pointer
- 7 steps, until you take over