Files
Robert Perez d8a4e43bcc feat(web): Schedule-First redesign
- Top header bar + narrow sidebar layout
- Dashboard: calendar-style schedule with timeline cards
- Clients: card-based layout with avatar initials and pet count
- Services: grid cards with emoji indicators and pricing
- Bookings: timeline cards with time slots, status chips, inline actions
- Invoices: cards with status badges, action buttons
- All pages: search bars, empty states, modal forms
- Consistent color system: indigo primary, amber alerts, gray hierarchy
2026-07-14 05:13:04 +00:00

916 B

Variant 1: Command Center

Design stance

Dark terminal-inspired control panel — high information density, fast scanning, keyboard-efficient. Treats the CRM like an operator's dashboard.

Key choices

  • Layout: Narrow left sidebar + two-column dashboard with schedule list + alerts
  • Typography: Inter font, mono for IDs/times, tight letter-spacing
  • Color: Near-black background (#0a0a0a), zinc grays for hierarchy, indigo accent
  • Interaction: Border-left active states, subtle hover backgrounds, compact badges
  • Density: High — small fonts (11-14px), compact spacing, no visual padding waste

Trade-offs

  • Strong at: Quick scanning, data density, operator feel, fast navigation
  • Weak at: Warmth/character, client-facing polish, approachability for non-tech users

Best for

  • Staff who live in the CRM all day, power users who want maximum information per screen