Capsule travel app hero with floating cards

Summary

Travel-app hero screen with large outline-nav bar, oversized serif headline, soft cloud-gradient background, and three translucent floating cards showing key app features and call-to-action.

Visual description

Bright sky-blue gradient background with subtle cloud texture and soft midtones. Top: pill-shaped nav bar with "Capsule" logo on left, menu items (Pricing, Company, Help) in light sans-serif, and "Log in" button on right. Center: five-line oversized serif headline "Place for your tickets, booking and documents" in white, left-aligned. Below headline: three offset floating cards with frosted-glass effect (white background with low opacity, subtle shadow). Left card: black headline "Manage your flights, bookings and documents directly in one app," small action text, icon. Center card: dark overlay with "USA," white "25 Days" in bold, small dates below. Right card: "New Jersey" and "California" labels with action buttons. At bottom: white iOS download button. Color palette is monochromatic blue with white text and subtle gray shadows. Typography is clean sans-serif for body and navigation, oversized serif for hero headline.

Key takeaway

The oversized serif headline (5+ lines) anchoring the hero; serif adds personality to an otherwise corporate-clean layout. The floating glass-morphism cards recessed from the edge, suggesting depth without full shadows. The pill-shaped nav bar at top with minimal chrome (logo, text links, single button). The cloud-pattern background as texture, not illustration. Left-aligned headline with strong hierarchy.

Reuse notes

Strong for travel, fintech, or SaaS platforms with complex feature sets. The glass-morphism treatment works best on gradient/textured backgrounds. The serif headline lifts corporate-clean toward premium. Caveat: the floating cards may feel fussy if the background is too busy or if the app has many more features to showcase below. Best suited for hero-only or single-screen focus.