Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Vrbo
TravelVrbo embodies vacation luxury through warm, aspirational imagery paired with a calming blue-dominated interface that suggests trust and wanderlust. The dual typography system—flowing Albra Sans for headlines and structured Centra No2 for functionality—creates a perfect balance between emotional appeal and practical booking tools.
Design Identity
Signature Color
Vacation Blue
#0f51ec
wanderlust and travel confidence - the color of clear skies and reliable booking
Visual Identity
The expansive lifestyle photography with minimal interface overlay creates an immersive 'step into your vacation' feeling that immediately distinguishes it from grid-heavy booking sites.
Component Style
Soft, approachable components with generous rounded corners (beyond the minimal 2px token suggests larger radius in practice). Clean white cards with subtle shadows float over rich photography, creating depth without heaviness. Buttons feel substantial and trustworthy.
Spacing Philosophy
Luxurious breathing room with the hero image consuming 60% of viewport height, while functional elements cluster efficiently in the lower third. Wide padding around search inputs suggests unhurried, thoughtful planning.
Design Principles
- Photography always leads, UI follows with minimal intrusion
- Dual font system: Albra Sans for emotion, Centra No2 for function
- Blue (#0f51ec) anchors all primary actions and trust signals
- White space creates premium positioning against booking competitors
- Search functionality consolidated into single horizontal flow
Target Audience
Affluent leisure travelers who prioritize experience over price comparison, seeking whole-home rentals for memorable family gatherings and romantic getaways
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 | |
| h1 | 36px | 400 | 40px | |
| h2 | 28px | 500 | 32px | |
| h3 | 18.72px | 700 | normal | |
| h4 | 28px | 500 | 32px | |
| h6 | 16px | 500 | 20px | |
| p | 14px | 400 | 18px | |
| a | 14px | 400 | 18px | |
| button | 14px | 500 | 18px | |
| input | 16px | 400 | 20px |
Color Palette
#caccd2#0f51ec#ffffff#f3f3f5#191e3b#0c0e1c#f6f3ee#dfe0e4#676a7d#4d5167#cce0ff#e5f0ff
