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
965 B
965 B
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