mirror of
https://github.com/Dvorinka/Bookra.git
synced 2026-06-03 20:13:00 +00:00
2.3 KiB
2.3 KiB
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
- Calm density — Dashboards are information-dense by necessity, but never cluttered. Whitespace is earned through alignment, not arbitrary padding.
- Warm precision — Every element feels intentional and warm. No cold grays. No pure black/white. Tint everything toward the terracotta warmth.
- Progressive disclosure — Start simple, reveal sophistication through interaction. Don't show every option at once.
- Data dignity — Tables, metrics, and lists are the core of the dashboard. They deserve refined typography, clear hierarchy, and thoughtful hover states.
- No generic SaaS clutter — No random gradient cards, no decorative sparklines that mean nothing, no icon+heading+text card grids repeated endlessly.