Grid Shift Hero
Hero section
A bright full-bleed hero for a payments platform — a lagoon-toned flowing gradient, sliced into soft vertical bars and a coarse grid whose cells slide under the cursor and settle back, under a deep-navy headline that pairs a light narrow opening line with a black extra-wide closing line.
- Fonts
- Mona Sans
- Responsive
- Desktop · Tablet · Mobile
- Tags
- herofintechpaymentslightgradientgridinteractivecursorteal
Add it to your site
One prompt, any stack. Your agent builds it in your framework.
- 01
Unlock Pro
One license covers this section and the whole library.
- 02
Copy the install prompt
A full build spec: layout, copy, fonts and the shader.
- 03
Paste it into your agent
Claude Code, Cursor, Bolt or wherever you build.
❯ [Pasted text] use it for our homepage hero
