Backgrounds
← Back to library
Free
Open full screen ↗
This is the actual page the prompt produces — scroll and click inside it.
About this one
A sticky viewport that advances through three states tied to scroll position. Used well, it explains a process better than three static cards.
The prompt
Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile. Build a hero section with a layered gradient backdrop, kinetic headline and a scroll-linked reveal. Use a two-column grid on desktop and stack on mobile.