mirror of
https://github.com/Dvorinka/Bookra.git
synced 2026-06-03 20:13:00 +00:00
Tomas Dvorak
33 lines
2.3 KiB
Markdown
33 lines
2.3 KiB
Markdown
# 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.
|