Hopper

Component Style

Soft, approachable components with generous 24px+ border radius creating pill-like search bars and buttons. Heavy reliance on white overlays with subtle transparency effects that let destination imagery show through. No harsh shadows - everything feels weightless and floating.

Spacing Philosophy

Generous breathing room with large gaps between major interface sections, while search components use tight internal spacing to maintain focus. The hero section dominates with minimal UI density, creating an aspirational 'window to the world' feel.

Design Principles

• Border radius scales from 8px for small elements to 32px+ for primary search components
• Destination imagery always takes center stage with UI overlaid transparently
• White space dominates - never more than 3-4 interactive elements visible at once
• Proxima Nova exclusively at weights 400, 600, 700, 800 for clear hierarchy
• Primary actions use high-contrast blue while secondary elements fade into soft grays

Target Audience

Millennial and Gen-Z leisure travelers who prioritize experiences over possessions and want booking tools that inspire rather than intimidate

Mood