Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Booksy
MarketplaceBooksy embodies spa-day serenity with its calming blue signature color and elegant ProximaNova typography that whispers premium wellness. The brand creates an atmosphere of therapeutic tranquility through soft shadows and gentle transitions, making beauty booking feel like the first step toward relaxation.
Design Identity
Signature Color
Wellness Blue
#579ae2
therapeutic trust and professional beauty care
Visual Identity
Distinctive overlay of white facial mask treatment imagery combined with horizontal service category navigation that feels like browsing a luxury spa menu
Component Style
Soft, cloud-like buttons with gentle shadows (0 1px 3px rgba(21,22,24,.18)) and subtle rounded corners. Everything feels cushioned and spa-like, never harsh or clinical - designed to make beauty appointments feel indulgent rather than transactional.
Spacing Philosophy
Breathing room that mimics a spa's unhurried pace - generous whitespace between service categories allows each option to feel considered and premium, while intimate padding within components maintains warmth.
Design Principles
- ProximaNova typography exclusively for brand consistency
- Shadows never exceed 28px blur for modal depth
- All transitions use 0.3s ease for spa-like smoothness
- Blue accent (#579ae2) anchors trust across interactions
- 15px base font size with 700 weight buttons for confident CTAs
Target Audience
Beauty and wellness seekers who value convenience but refuse to compromise on the premium experience - people who want their booking process to feel as luxurious as their treatments
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | normal | |
| h2 | 42px | 400 | normal | |
| h3 | 22px | 400 | 28px | |
| p | 15px | 400 | 24px | |
| a | 15px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 15px | 400 | normal | |
| nav | 12px | 400 | 18px | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
#141414#ffffff#fff9d9#333333#f2fbf7#8db14d#d5d5d5#fff3e0#151618#afafaf#fafafa#ffebeb
