d8a4e43bcc
- 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
916 B
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