# Bookra Design Context

## Design Context

### Users
- **Primary**: Small local service business owners (salons, massage therapists, clinics, repair shops, studios)
- **Context**: Managing daily bookings, customer relationships, and business operations
- **Job to be done**: Simple setup, reliable scheduling, clear reminders, lightweight reporting, clean SaaS billing
- **Emotional goals**: Confidence, calm, professionalism — they want to feel in control without overwhelm

### Brand Personality
- **Voice**: Calm, professional, trustworthy, quietly premium
- **Tone**: Helpful but not chatty; structured but not rigid
- **3-word personality**: Calm. Premium. Structured.
- **Emotional goals**: Users should feel their business is elevated by using Bookra, not that they're wrestling with software

### Aesthetic Direction
- **Visual tone**: Warm, sophisticated minimalism with intentional depth
- **References**: Linear (clean data density), Notion (calm whitespace), Figma (refined components)
- **Anti-references**: Generic SaaS dashboards with purple gradients, cluttered admin panels, overly playful/bootstrap aesthetics
- **Theme**: Light mode primary, dark mode supported. Warm cream/terracotta palette — never cold blue-gray.
- **Colors**: Deep warm terracotta accent (#a65c3e family), warm cream backgrounds, ink-colored text with warmth
- **Fonts**: 
  - Marketing/landing: Space Grotesk (headings) + Newsreader (body, editorial feel)
  - Dashboard/admin: Space Grotesk (headings) + DM Sans (body, data legibility) — dashboards need sans-serif for dense tables and metrics

### Design Principles
1. **Calm density** — Dashboards are information-dense by necessity, but never cluttered. Whitespace is earned through alignment, not arbitrary padding.
2. **Warm precision** — Every element feels intentional and warm. No cold grays. No pure black/white. Tint everything toward the terracotta warmth.
3. **Progressive disclosure** — Start simple, reveal sophistication through interaction. Don't show every option at once.
4. **Data dignity** — Tables, metrics, and lists are the core of the dashboard. They deserve refined typography, clear hierarchy, and thoughtful hover states.
5. **No generic SaaS clutter** — No random gradient cards, no decorative sparklines that mean nothing, no icon+heading+text card grids repeated endlessly.
