Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Timely
BusinessTimely radiates salon sophistication through a deliberately feminine pink gradient backdrop paired with premium serif headlines. The brand balances playful beauty industry aesthetics with professional SaaS credibility, creating an approachable yet authoritative presence for salon owners.
Design Identity
Signature Color
Salon Purple
#4F4DB0
Professional beauty industry authority - premium enough for business owners, warm enough for personal service
Visual Identity
The dramatic pink-to-burgundy gradient background combined with elegant serif headlines creates an unmistakably beauty-focused aesthetic that no other SaaS brand would dare use
Component Style
Rounded modern buttons with substantial padding, clean tablet interface with soft shadows, minimalist white navigation bar - everything feels approachable and contemporary without being too corporate
Spacing Philosophy
Generous whitespace on the left creates breathing room for the large serif headline, while the right side showcases the product in a carefully staged beauty salon scene - asymmetrical but balanced
Design Principles
- Headlines use Domaine Display serif at 60px for premium positioning
- Body text stays at 16-18px in Halyard sans-serif for readability
- Pink gradient backgrounds create beauty industry connection
- Rounded corners throughout for approachable feel
- Asymmetrical layouts with generous left-side text space
Target Audience
Female salon owners and beauty professionals who want sophisticated business tools that understand their industry's aesthetic sensibilities
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 | 24px | |
| h1 | 60px | 400 | 66px | |
| h2 | 48px | 500 | 56px | |
| h3 | 20px | 500 | 28px | |
| p | 18px | 600 | 28px | |
| a | 16px | 700 | 24px | |
| button | 14px | 500 | 20px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#ffffff#39464e#fdfdff#000000#4f4db0#889095#4f4db1#37cd8f#29246a#4d5a62#37cd84#058a5e
