← back to the gallery

Lovable: bright gradient prompt landing with template cards and a restrained white product narrative

Tier
inspiration
Roles
hero, explainer, feature, proof, closing, footer
Feel
light, playful, saas, depth
Motion
pan, reveal, kinetic
Source
public-site
Site
https://lovable.dev/
Licence
Captured from a Refero-hosted recording; description only, no redistribution of the source recording. Live site checked but no live capture retained.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/da8c2ddb-0f07-4a96-ae01-a1d9fabc659a.mp4

What it does

Recording-only reference. A small centered building statement and rounded prompt box sit over a broad blue, pink, red and orange gradient. White explanatory sections introduce a softly shaded sphere before a template-card grid. Large scale figures lead into a gradient-edged closing prompt and compact footer links.

Section roster

1. Gradient introduction and prompt box. 2. White product explanation. 3. Softly shaded sphere. 4. Template-card grid. 5. Scale-evidence figures. 6. Gradient-edged closing prompt. 7. Compact footer links.

Why it works

The gradient gives the small prompt action a distinct setting without overwhelming the controls. White sections make the template examples and evidence easier to scan before the closing repeats the opening visual treatment.

Source and capture notes

Refero [style page](https://styles.refero.design/style/9ff62d34-e48d-4fcb-9fd9-c018e2747542) and [recorded video](https://images.refero.design/styles/refero.design/video/da8c2ddb-0f07-4a96-ae01-a1d9fabc659a.mp4); [live site](https://lovable.dev/) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames; no live capture or measured responsive layout is attached; interactive controls were not comprehensively tested. The live page returned a security challenge with HTTP 403. The entry describes the recorded public landing rather than a tested app-building session.