Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Casavo
ProptechCasavo's vibrant orange-dominated palette creates an energetic, optimistic atmosphere that feels approachable yet professional for the real estate market. The typography mixing 'Bagoss Condensed' with Inter creates a distinctive hierarchy that balances modern tech credibility with warm, human accessibility.
Design Identity
Signature Color
Casavo Orange
#FF8A3D
energetic optimism and approachable real estate expertise
Visual Identity
The bold orange background covering 70% of the viewport with overlaid floating white cards creates an unmistakable immersive brand experience that no other real estate platform uses.
Component Style
Soft rounded corners (8-12px) on white floating cards with subtle shadows create a friendly, approachable feel. The primary button uses sharp corners with solid fills, maintaining professional credibility while the cards feel welcoming and tactile.
Spacing Philosophy
Generous negative space within the orange background creates breathing room, while content is densely packed within white cards. The split-screen layout dedicates equal visual weight to form and illustration.
Design Principles
- Orange dominates 70% of viewport for maximum brand impact
- White floating cards contain all functional content
- Typography never exceeds 3 weights: 300, 400, 500
- Bagoss Condensed only for interactive elements and body text
- All pricing displays prominently in large green text with percentage indicators
Target Audience
Middle-class homeowners aged 30-50 who want a tech-forward but human approach to selling their primary residence
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 | 20px | 400 | 28px | |
| h1 | 56px | 300 | 67.2px | |
| h2 | 40px | 300 | 48px | |
| h5 | 20px | 500 | 30px | |
| p | 16px | 400 | 24px | |
| a | 20px | 400 | 28px | |
| button | 20px | 400 | 23px | |
| input | 18px | 400 | 20.7px | |
| header | 20px | 400 | 28px | |
| footer | 20px | 400 | 28px |
Color Palette
#999999
