Hero sections
← Back to library
Open full screen ↗
This is the actual page the prompt produces — scroll and click inside it.
About this one
The workhorse SaaS opener. The device panel tilts slightly on pointer move so the screen feels physical without being a gimmick.
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.