96 of 300

Navigation 96

Hierarchy sheet

Sections on the left, pages on the right. Two levels show at once, and the page behind is blurred.

Known from openai.com and apple.com

  • When it fitsWhen sections and the most important pages in each should be visible without an extra click.
  • PitfallsBlur costs GPU time and makes the text behind hard to read. Large links can look like headings.
  • How to make it betterDim instead of blurring, and keep the sizes fixed: large is a section, small is a page.