SaaS Dashboard Patterns

Design patterns inspired by Linear, Vercel, Stripe, and Raycast for building production-grade B2B interfaces.

Design System

Information Density

SaaS dashboards need to communicate a lot of information without feeling cluttered. Use tight spacing, small text sizes, and clean borders.

Navigation

• Command palette (Cmd+K) for power users
• Sidebar for primary navigation
• Breadcrumbs for hierarchical context
• Tabs for related views within a section

Data Display

• Tables with inline actions and batch operations
• Detail panels that slide in from the right
• Metric cards with comparative indicators (vs. last period)
• Status badges with semantic colors

Component Patterns

• Empty states with clear CTAs
• Skeleton loaders that match content layout
• Toast notifications for async operation results
• Confirmation dialogs for destructive actions