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
This commit is contained in:
Robert Perez
2026-07-14 05:13:04 +00:00
parent cdaf5780e5
commit d8a4e43bcc
31 changed files with 1801 additions and 400 deletions
+18
View File
@@ -0,0 +1,18 @@
## Variant 3: Warm & Playful
### Design stance
Friendly and approachable — the CRM that feels like it belongs at a pet-friendly business. Pastel colors, rounded everything, soft shadows, illustrated icons. Makes scheduling feel fun rather than administrative.
### Key choices
- **Layout:** Centered content, no sidebar (top nav), rounded cards on warm white background
- **Typography:** Nunito (rounded sans-serif), generous line-height, soft colors
- **Color:** Warm palette — peach, mint, lavender, lemon. No harsh blacks.
- **Interaction:** Hover lifts with soft shadows, rounded buttons, emoji-heavy pet indicators
- **Density:** Low — breathing room between elements, big touch targets
### Trade-offs
- **Strong at:** Approachability, brand personality, client-facing self-booking, onboarding new staff
- **Weak at:** Data density, dark mode, quick scanning for power users
### Best for
- Pet businesses with personality, client self-booking experience, teams that value culture and warmth