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
|