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
965 B
Markdown
19 lines
965 B
Markdown
## Variant 2: Schedule-First
|
|
|
|
### Design stance
|
|
Calendar-centric — the schedule is the single source of truth. Everything flows from the booking timeline. Warm, professional, like a modern salon management tool.
|
|
|
|
### Key choices
|
|
- **Layout:** Wide calendar header + booking cards below. Calendar is always visible and clickable.
|
|
- **Typography:** Inter font, rounded corners (12px), generous spacing for readability
|
|
- **Color:** White background, warm indigo accent (#4F46E5), amber for pending, green for completed
|
|
- **Interaction:** Drag-able booking cards (simulated), date selector, status dropdowns inline
|
|
- **Density:** Medium — comfortable spacing, clear visual hierarchy
|
|
|
|
### Trade-offs
|
|
- **Strong at:** Scheduling overview, day/week/month toggle, easy to see gaps, client-friendly
|
|
- **Weak at:** Mobile compactness, data density for power users
|
|
|
|
### Best for
|
|
- Staff who plan their day visually, pet businesses where scheduling is the primary workflow
|