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
A first look at a website we're designing and building in Webflow.
Designed and built in code and running natively in Webflow, reusable across the site.
it reacts to mouse hover (not captured on this video)
The node-based hover preview is a great way to hint at the interaction without overexplaining it. I like that the system looks reusable too—the motion feels like part of the site architecture, not a one-off flourish.
Building this natively in Webflow rather than faking it with a Lottie embed is the harder route but it shows, the hover reactivity alone tells me it's real code underneath. How's performance holding up with that many nodes reacting live?
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
Would you keep scrolling? I would.
There’s something really appealing about an agency website that feels this comfortable having fun.
That comes through in both the design and the writing.
the CRAFTING CHAOS headline is fun. what made you pick that type?
Mote is a pre-order landing page template for hardware and physical products, built in Framer.
It covers the whole run-up to a launch: a cinematic hero, a scroll-scrubbed product film, a spec table, a reservation countdown, two pricing options, FAQ and testimonials, plus a reserve page with a working form, a terms page and a 404.
Who it is for: hardware startups opening pre-orders, wearables and consumer electronics launches, limited runs, and agencies building launch pages for product clients.
You get the template as an instant Framer remix link, or the bundle with the Figma design file. $79 one time, $119 with Figma.
Live preview: mote.framer.ai
I noticed that you have not only named it purpose forbphysical products, but also made it actually feel like physical on the design too. Great approach and design!
Crafting the Visual Identity for Elichi Coffee | Case Study
For Elichi, the goal was to build a brand identity that captures the ritual of craft coffee. The visual direction balances modern simplicity with a warm, sensory feel—creating a clean yet inviting identity across every touchpoint.
Design Highlights:
Custom Typography: Paired clean, modern letterforms with subtle editorial accents to establish an elevated, boutique feel.
Packaging & Collateral: Used generous white space and structured layout grids so the physical packaging feels premium in hand.
Palette & Materials: Blended deep, roasted tones with soft, muted neutrals to reflect the warmth of the space and the richness of the brew.
I’d love to get your feedback on this direction:
How does the balance between modern typography and warm tones feel to you?
Does the packaging strike the right balance between minimal and welcoming?
Cool work 🙌