71 of 300

Navigation 71

Bar layout: Corners

No bar. The wordmark is in the top left corner, the menu in the top right, the actions at the bottom right and the reading position at the bottom left. Scroll to see the reading position change.

Four fixed positions, with the reading position from scroll

  • WhyThe navigation is placed in the margins of the page, like page numbers in a book. The content gets the whole page, and the corners frame the brand.
  • RiskThe button at the bottom can be missed, and content can slide in under the corners. It takes discipline in the margins of the page.
  • TechniqueFour fixed positions. The reading position is computed from scroll.