Lovable — Banner
Lower band of the hero gradient (hot pink to orange) where a small white cookie-consent dialog with OK and Manage preferences buttons floats at the right edge; the dialog does not cover the central 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-cookie-consent-dialog-hero-overlay-lower-band.
Measured spec
| Scheme | light |
| Background | #FDFBF9 |
| Text | #FF483D |
| Accents | #E86E2E, #FF483D |
| Contrast | 3.26 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.21 |
| Measured size | 1600×252 px |
Palette
#FF2E7E#FF7A33#FFFFFF
Page types
Detail
UI elements
Modal & Dialog
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
- Hero — Prompt-box hero on rainbow aurora gradient
- 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