SaaS
← Back to library
Open full screen ↗
This is the actual page the prompt produces — scroll and click inside it.
About this one
Accessible by construction — keyboard, screen readers and find-in-page all work because it uses the native element instead of divs and ARIA patches.
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.