Navigation and wayfinding overview
Global and primary navigation
Secondary and tertiary navigation
Standard scope
This standard applies to:
- pennmedicine.org
- All Penn Medicine websites
- Penn Medicine mobile applications
- All Penn Medicine digital products
Navigation use cases
Navigation
When to use
Use cases
Global and primary navigation are designed to help users to orient themselves and explore a content-rich web site using a set of user interface elements including menus, search bars, link text, and buttons. Navigation also helps visitors understand the relationship between individual web pages. Navigation components are located in the masthead and footer sections of the page.
- Masthead navigation
- Minimal masthead navigation
- Footer navigation
- Minimal footer navigation
Secondary and tertiary navigation are designed to complement primary navigation, helping users on their next level of exploration using left-rail, horizontal, drop-down and breadcrumb navigation options.
- Left Rail Navigation
- Horizontal Jump Tag Navigation
- Horizontal Dropdown Navigation
- Breadcrumbs
Related resources
For designers: Visit the Designers section for access to component specs and Figma files.
For developers: Visit the Developers section for implementation details and to access the front-end code library in Storybook.
Contact
For more information about this standard, email: web-standards@pennmedicine.upenn.edu
Last updated
Date
Version
Description
05/01/2025
1.0.0
Initial Release