69 of 300

Navigation 69

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.