Lovable: AI app-builder landing with prompt-box hero on rainbow gradient and template gallery
The hero is a centered, ultra-saturated blue-to-magenta-to-orange aurora gradient that bleeds from a near-white top into a vivid rainbow wash, with the dark serif-weight wordmark "Build something Lovable" floating above a large rounded white prompt-input card ("Ask Lovable to create a landing page for my…") complete with attach, Build dropdown, mic and a circular send button — the signature element is this chat-style generation box dropped onto the loud gradient. Below, the page returns to a calm warm-white canvas: a grayscale logo wall, a three-step "Meet Lovable" how-it-works list paired with a tall image panel, a two-row template thumbnail gallery, oversized "50M / 1M / 720M" stat blocks in bordered cards, and a second gradient CTA repeating the prompt box before a wide multi-column footer. A small cookie-consent dialog sits in the hero's lower-right but does not obscure the main content.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/lovable-ai-app-builder-landing-with-prompt-box-hero-on-rainbow-gradient-and-template-gallery.
Palette
Page types
UX patterns
UI elements
Context
More from Lovable
- Banner — Cookie consent dialog (hero overlay, lower band)
- Gallery / Showcase — 'Discover templates' two-row thumbnail grid
- Footer — Five-column footer card over gradient base
- Stats / Metrics — 'Lovable in numbers' three giant stat cards
- Steps / How-it-works — 'Meet Lovable' three-step flow with image panel
- Hero — Prompt-box hero on rainbow aurora gradient
- CTA / Sign-up — 'Ready to build?' repeat prompt box on gradient
- Logo Wall — 'Teams from top companies' grayscale logos