At its core, this is a hero section with an image carousel, a layout that fits almost any project: a portfolio or photo gallery, a product or feature showcase, a travel or event recap, a testimonials slider, an onboarding flow or a playlist page.
Every element is already animated and works on its own too. Use the full slider as is, or pull out just the pieces you need: the logo, the headline and tagline, the progress indicator, the card transitions or the looping scenes inside each card. Mix them, swap the content and make it yours.
“A modern bank card for the modern world.” That line set the tone, and the layout follows it.
The hero is one pixelated card, built from small squares in lilac, lime and black. It breaks apart into the page, and the product still reads first.
The headline runs large across the left in clean type, so big the message lands before anything else. The card keeps its playful shape, and the words still lead.
Thin line icons and numbered points split the features into small, clear blocks. The busy information gets a strict structure to lean on.
A single lime button sits under the headline and marks where to go next.
My portfolio now has a little more of me in it. Literally. 👀
Built this interactive hero in Framer, where my portrait follows your cursor. Paired it with a simple introduction and service buttons you can explore.
Had fun bringing some personality into the first few seconds of the site.