Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

/
/
Home
/Patterns
/360. Page Outline Menu

Page Outline Menu

 DesktopPathfindingAwarenessAccessibility

A navigation component displaying a hierarchical outline of page content, enabling users to quickly understand the page structure and jump to specific sections via anchor links. This pattern enhances pathfinding and accessibility for long-form content, documentation, or multi-step processes by providing a clear overview and direct navigation within a page. Notable behavior: Click (to navigate to section); Scroll (to highlight current section); Active (current section).

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
A navigation component displaying a hierarchical outline of page content, enabling users to quickly understand the page structure and jump to specific sections via anchor links. This pattern enhances pathfinding and accessibility for long-form content, documentation, or multi-step processes by providing a clear overview and direct navigation within a page. Notable behavior: Click (to navigate to section); Scroll (to highlight current section); Active (current section).
VotesUp
VotesDown
Pattern ID
373
UX Flows
Pathfinding
Awareness
Accessibility
Onboarding
UI Components
Pagination
Anchor Scroll
Version
2.1.14
Figma Help PageRelated Patterns
 
 

Figma Help Page

notion image
 
 
 

Related Patterns

  • 394. Page Outline Scroller (touch)

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback