ReadyRule App Design

Design patterns for the authenticated ReadyRule app. Covers desktop Command Center, mobile PWA, and navigation architecture.

When to Use

• Building dashboard components or layouts
• Creating cards, buttons, stat chips, alerts
• Implementing mobile-responsive UI
• Adding bottom navigation or page headers
• Working with touch targets or safe areas
• Building detail panels or modal views
• Deciding between side panel vs full page navigation

Core Principles