Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Blueground
ProptechBlueground creates an atmosphere of sophisticated minimalism through warm, lived-in spaces that feel both luxurious and approachable. The typography pairing of 'laca' display font with 'hero-new' body text establishes editorial elegance, while the photography-first layout emphasizes real human experiences over sterile property listings.
Design Identity
Signature Color
Blueground Teal
#4A90A4
Nomadic trust - conveying both the reliability of home and the freedom of movement
Visual Identity
Asymmetric white content cards floating over full-bleed lifestyle photography, creating a magazine-like editorial layout that prioritizes human moments over property specifications.
Component Style
Soft, approachable components with generous rounded corners (16px+) and subtle shadows. The search interface feels like a gentle conversation rather than a transaction - pill-shaped inputs with ample padding create a welcoming, non-intimidating experience.
Spacing Philosophy
Generous breathing room with large asymmetric white spaces that let the photography breathe. Content is clustered in digestible chunks with dramatic negative space creating visual rest areas - emphasizing quality over density.
Design Principles
- Photography always takes visual priority over UI elements
- White content areas use asymmetric positioning, never centered grids
- Typography hierarchy uses only 2 font families: laca for headlines, hero-new for everything else
- Interactive elements use pill shapes (24px+ border radius) to feel approachable
- All body text maintains 14px consistency across components
Target Audience
Location-independent professionals and digital nomads who value design-conscious living and seek premium furnished accommodations that feel like curated homes rather than corporate housing.
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 | 14px | 400 | 21.994px | |
| h1 | 14px | 400 | 21.994px | |
| h2 | 46.004px | 400 | 49.994px | |
| h3 | 35.994px | 400 | 39.998px | |
| p | 14px | 400 | 21.994px | |
| a | 14px | 400 | 21.994px | |
| button | 14px | 600 | 21.994px | |
| input | 14px | 400 | 21.994px | |
| header | 14px | 400 | 21.994px | |
| footer | 14px | 400 | 21.994px |
Color Palette
No colors extracted
