Component Active

VN004 Jump Navigation

Appears beneath a Hero component and “snaps” the user to specific areas of that page, as listed in the jump navigation bar.

jump navigation navigation tiles

Component Detail

A navigation bar that appears beneath a Hero component and “snaps” the user to specific areas of that page, as listed in the jump navigation bar. Create titles that relate to the section in which the jump navigation lands, and make it easy for the user to understand that the jump navigation and the page sections are correlated.

Interactions

CTA drives to related section deeper in the page.

Specifications

Max Characters

Tab Headline: 50

Max Items

Tab Items/Topics: 5

Regression Page

Usage Guidelines

When to Use

Use to navigate users to specific areas of the page listen in the jump navigation bar.

When to Avoid

Avoid when there are not enough specific categories for the site visitor to jump to.

Alternative Options

VN009 Featured Visual Navigation, VN013 50/50 Segment Navigation

Share Your Feedback