70 of 300

Navigation 70

Bar layout: Island

The whole bar in one capsule that floats 14 px under the edge, in the paper color with a hairline and a soft shadow. No glass.

A floating capsule sized to its content

  • WhyA very common form in 2025 and 2026. The page gets its full width, and the bar reads as an object you can take hold of.
  • RiskIt is becoming a cliché, and with glass and blur it would be one. It loses contact with the grid of the page.
  • TechniqueWidth max-content, and corner-shape: squircle where the browser has it.