mirror of
https://github.com/Dvorinka/Bookra.git
synced 2026-06-03 20:13:00 +00:00
cleanup
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user