Robert Perez
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
19 lines
916 B
Markdown
19 lines
916 B
Markdown
## 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
|