The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Portfolio Footer: Interactive Framer Footer 🖤✨
A clean, editorial footer for my own portfolio, built in Framer, where small interactions make the last scroll feel worth it
The design keeps a warm off-white base, crisp black type, and a giant outlined “DHIRAJ” wordmark that comes alive when you hover over it to take action 🧲
Special attention was given to:
- Oversized outlined name that fills in on hover
- Rotating “Let’s work together” badge with my memoji to motivate to take action
- Soft highlight sweep on every link hover
- Clear four-column layout: Navigation, Details, Hub, and Socials
- Official Framer Expert badge and direct email up front
- Quiet legal and credit row at the bottom
- Smooth, subtle UI motion that never gets in the way
The result is a footer that works as a final call to action, not an afterthought. It’s simple to scan, easy to contact from, and fun to play with 🤝
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
This card stack transition combining the SVG of each card to the sticky position is giving my brain really satisfying scratches 😘👌
--
I've been doing a lot more Framer developments lately where I don't do the design, I think one of the big advantages of having a strong background in design is that I can see the designers vision to translate it into the web obsessing over the details.
I.e. see Figma design screenshot in the comments how each card had the same SVG but in irregular placements, I saw it as an opportunity to perfectly align them on scroll and add a bit of a transparency reveal at the end. It feels way more intentional and ties everything together.
Design by @Iverson developed by me
Figma design handoff
Building a multi-page website in Framer?
Use Templates for elements you need on multiple pages, like your navbar, footer or FAQ section.
Instead of updating each page separately, you can edit the Template once, and the changes will apply everywhere it’s used.
This saves time and makes it easier to keep everything consistent across your website.
Do you let clients edit the shared Templates after handoff?
what does a full website for an ai agent need?
parley has workflow pages, pricing with a comparison table, a cms blog, contact and waitlist. all free
2,262 remixes in the last 3 months
Excellent card hovers & layout! 🙌