Product Strategy
Navigation
Enterprise-grade navigation patterns including breadcrumbs, tabs, steppers, pagination, vertical navigation, and mega menus for complex site structures.
Breadcrumbs
Hierarchical path navigation showing current location within site structure. Essential for deep content hierarchies and user wayfinding.
Standard Breadcrumbs
Compact Breadcrumbs
Tabs
Content switching within same page. Perfect for settings panels, product details, and organizing related sections with keyboard navigation support.
Standard Tabs
Project Overview
This is the overview panel with general project information, key metrics, and quick access to important features.
Recent Activity
Timeline of recent project activities, changes, and updates. Shows the last 3 notifications.
- Sarah updated the design files - 2 hours ago
- New comment on feature request - 4 hours ago
- Build completed successfully - Yesterday
Project Settings
Configure project preferences, team permissions, and integration settings.
Pill Tabs
Showing all items across all categories.
Showing only active items.
Showing completed items.
Showing archived items.
Stepper / Wizard
Multi-step process visualization for onboarding flows, checkout processes, and setup wizards with clear progress indication.
Horizontal Stepper
-
AccountCreate account
-
ProfilePersonal info
-
PreferencesCustomize settings
-
CompleteReview & finish
Step 1: Account Setup
Create your account credentials and verify your email address.
Step 2: Profile Information
Tell us about yourself. This information helps personalize your experience.
Step 3: Preferences
Customize your experience with these optional settings.
Step 4: All Done!
Review your information and complete setup.
Pagination
Navigate through paginated content and large datasets with previous/next controls and direct page access.
Standard Pagination
Simple Pagination (Prev/Next Only)
Mega Menu
Complex multi-column dropdown navigation for large site structures with featured content, icons, and descriptions.
Mega Menu Example
Hover or click the button below to see the mega menu in action.
Vertical Navigation
Alternative navigation pattern for settings pages, documentation sites, and content area menus with icon support and badges.