SaaS
← Back to library
Open full screen ↗
This is the actual page the prompt produces — scroll and click inside it.
About this one
The structural prompt for a product UI — the part that is tedious to get right and that most generated dashboards get wrong on mobile.
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.