Navigation components

Navigation components help users move efficiently throughout a website by organizing content into clear, consistent pathways. They provide orientation, improve discoverability, and make it easier for users to access information regardless of where they enter the experience.

Navigation patterns range from global and utility navigation to breadcrumbs, tabs, mega menus, and contextual navigation. Together, these components create a predictable navigation experience that supports usability, accessibility, and consistency across digital properties.

Navigation components include:

N01 Main Global Navigation - Primary navigation for accessing top-level website sections.
N02 Utility Navigation - Secondary navigation for commonly used utility links and actions.
N03 Left-side Navigation - Section navigation displayed along the left side of a page.
N04 Left-side Navigation Anchor Link - In-page anchor navigation for quickly jumping between page sections.
N05 Breadcrumb - Displays the user's current location within the site hierarchy.
N06 Main Footer - Primary footer containing global links and supporting content.
N07 Corporate Footer - Footer variation designed for corporate experience.
N08 Tabs - Organizes related content into selectable sections.
N09 Mega Menu - Expanded navigation menu for displaying large groups of related links.
N10 Right-side Navigation - Contextual navigation displayed along the right side of a page.
N11 Breadcrumbs One Level - Displays a singe Back link to the immediate parent page based on the site hierarchy.

Navigation components index

N01 Main Global Navigation
N02 Utility Navigation
N03 Left-side Navigation
N04 Left-side Navigation Anchor Link
N05 Breadcrumb
N06 Main Footer
N07 Corporate Footer
N08 Tabs
N09 Mega Menu
N10 Right-side Navigation
N11 Breadcrumbs One Level