Preview image. Unlock full-res
Mobile hero screen with blue-to-white gradient, centered display-weight headline, soft-rounded navigation bar, and CTA button.
Summary
Mobile hero screen with blue-to-white gradient, centered display-weight headline, soft-rounded navigation bar, and CTA button.
Visual description
A mobile-sized frame with softly-rounded corners displays a subtle blue-to-white gradient background. At the top sits a fully-rounded pill-shaped navigation bar containing three menu links (Work, Info, Contact) and a left-aligned logo icon, all in white type against a semi-transparent darker pill background. The center of the screen features large display-weight sans-serif white text reading "Shaping what we create with the power of air." Below sits a soft-rounded gray button reading "Learn more". The ample negative space and cool gradient create a serene, professional impression.
Key takeaway
Soft-rounded pill-shaped navigation that reads as friendly rather than corporate. Gradient background that provides visual interest without being decoration-heavy. Centered headline-and-button layout optimized for mobile storytelling. The semi-transparent navigation pill allows the background gradient to show through subtly.
Reuse notes
Ideal template for SaaS or agency mobile onboarding, app landing pages, or hero screens. The cool palette and gentle forms suggest trustworthiness without rigidity. Works equally well for design studios, consultancies, or creative tech brands. Avoid using with multiple CTAs or dense copy, as the simplicity is the strength. The gradient requires a genuine product story (or supporting imagery) to justify the space it occupies.
