Files
Bookra/.impeccable.md
T
Tomas Dvorak 48c3e15a38 cleanup
2026-05-05 09:48:07 +02:00

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

  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.