Design System

Pattern 3: Hub-and-Spoke

Central dashboard with module cards. Click a card to enter that module with contextual sidebar.

Welcome back!

Here's what's happening with your CRM

$450,000

Pipeline Value

3 Tasks

Pending

Strengths

  • ✓ Clear mental model
  • ✓ Great for onboarding
  • ✓ Contextual sidebars per module
  • ✓ Stats visible at hub level
  • ✓ Reduces cognitive load

Weaknesses

  • ✗ Extra click to reach modules
  • ✗ Can't quickly switch modules
  • ✗ Context lost when returning
  • ✗ Less efficient for power users

Implementation

  • → Dashboard as default route
  • → Per-module sidebar configs
  • → Stats API for cards
  • → Breadcrumb for context