Lovable — Hero
Top nav with Lovable wordmark, Solutions/Resources/Community/Enterprise/Pricing/Security links and Log in / Get started buttons, over a white-to-blue-to-magenta-to-orange aurora gradient. Centered heading 'Build something Lovable' sits above a large rounded white chat prompt card with Build dropdown, mic and send button.
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-prompt-box-hero-on-rainbow-aurora-gradient.
Measured spec
| Scheme | light |
| Background | #FAFAF9 |
| Text | #FE3A69 |
| Accents | #FE3A69, #8E8BEF, #FD749B |
| Contrast | 3.34 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.667 |
| Measured size | 1600×997 px |
Palette
#FFFFFF#3B6BF0#E83A8E#F46A2A#1A1A1A
Page types
Detail
UI elements
Navigation BarFormDropdown
Context
- Parent page: AI app-builder landing with prompt-box hero on rainbow gradient and template gallery
- All of Lovable
Other sections on this page
- Banner — Cookie consent dialog (hero overlay, lower band)
- Logo Wall — 'Teams from top companies' grayscale logos
- Steps / How-it-works — 'Meet Lovable' three-step flow with image panel
- Gallery / Showcase — 'Discover templates' two-row thumbnail grid
- Stats / Metrics — 'Lovable in numbers' three giant stat cards
- CTA / Sign-up — 'Ready to build?' repeat prompt box on gradient
- Footer — Five-column footer card over gradient base