Naseeb - Soft Pastel Hero Screen
A soft pastel, dreamy hero screen design featuring a sophisticated tri-tone gradient (cyan to lavender to peach). Using the Nunito typeface throughout, the design emphasizes serenity and friendliness. Perfect for wellness apps, modern dating platforms, Gen-Z focused SaaS, or lifestyle brands. Key elements include organic glow overlays, subtle grain texture for a tactile feel, and smooth staggered entry animations.
Summary
A minimalist and serene mobile-first hero screen with a 135-degree pastel gradient background, extrabold rounded typography, and a prominent soft-pulsing CTA button. The UI uses generous whitespace and a centered layout to create a focused, high-intent entry point.
Style
The style is characterized by a 'Dreamy Zen' aesthetic. It uses a soft color palette (#B8E6E6, #D4B8E8, #FFD4E5) combined with dark charcoal text (#2D2422) for high readability without harsh contrast. Typography is exclusively Nunito, utilizing extrabold weights for headers and widely tracked uppercase for taglines. The UI features subtle noise texture and blurred decorative glow elements to add depth without complexity.
Layout & Structure
A vertical, mobile-centric layout consisting of three primary zones: a top logo area, a centered hero text block, and a bottom-weighted CTA section. The structure is designed to draw the eye from the top logo down to the primary action button.
Header
Hero Content
Footer CTA Area
Components
Pulsing Soft CTA
A highly tactile primary button with a gentle heartbeat animation.
Organic Glow Overlays
Amorphous blurred shapes that create depth in the background.
Special Notes
Maintain strict adherence to the 135-degree gradient angle. Must use 'Nunito' for all text—do not substitute with other sans-serifs. The grain texture is critical to prevent the gradient from looking too 'digital' or 'flat'. All interactions (hover/active) should be soft, using scale(0.95) for button presses rather than harsh color changes.