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
Orchestrating a cinematic SaaS monster with @GeminiApp + @Lovable. 🌑
Still a work in progress, but that liquid nav and pure black canvas are already starting to breathe. We’re moving past "web design" and into Visual Physics.
The New Additions:
A Â "Jaw-Dropping" Hero: We didn't just build a hero section; we engineered a kinetic interface.
The Liquid Nav: A glassy, responsive bar that shrinks by 40% on scroll. It’s there when you need it and vanishes when you don't.
The Statement Footer: We’re ending the experience with unapologetic, bold typography. No cluttered links, just pure brand authority.
This is still a work in progress, with more sections dropping soon. I’m obsessing over the micro-interactions to make sure every scroll feels like a premium event.
Want to see the live progress? Drop a comment below.
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
Related posts
While everyone is testing out the new Framer logo shaders, I decided to vibe-code my own Liquid Glass effect.
Focused on achieving that perfect organic "liquid" distortion. The way it handles complex shapes like the Claude logo is just… 🤌
Woah, this is great!
A product is easy to build.
A brand is what makes it unforgettable.
So I built BRANDRY!
A workflow that takes a single input—a keyboard—and expands it into a complete, premium brand system.
—
I didn’t want random outputs.
I wanted something that thinks like a design studio.
Everything starts with the input image.
I analyze:
• materials
• lighting
• form
• design language
From that, the entire brand direction is derived.
—
Then the system builds across four layers:
1. Logo:
A refined mark inspired by the product—never copied, always reinterpreted.
2. Moodboard:
Colors, textures, and visual cues extracted and elevated into a cohesive direction.
3. Brand Identity:
A dark, premium system—typography, palette, and visual language working together.
4. Website Mockup:
A cinematic presentation—displayed on devices, placed in a real environment, lit like a product ad.
And to bring everything together, I leaned heavily on the Compositor Node.
Every output is carefully layered:
• controlled lighting
• depth and shadows
• balanced composition
Then inside the Creative Code Node, I used Three.js to construct a 3D version of the product.
That added:
• real depth
• accurate lighting interaction
• natural integration into scenes
Workflow: https://app.fuser.studio/view/03af9496-bc89-4f76-a1b7-00c25c7fb513
The product doesn’t feel placed—it feels built into the frame.
…this one’s my second submission.
looks fantastic 👌
Here is how I used Fuser to create a non-existent Supreme x The Monkey campaign along with interactive web site assets for users.
Let's be honest, if you have ever seen that monkey- it creeps anyone out. I had the perfect idea to mix it with Supreme because they are known for "weird" collabs of this sort.
I created a jacket design by hand and built a whole photoshoot campaign along with web site assets around it ready for launch.
Tools used inside Fuser: compositor nodes, creative code nodes, prompt nodes, image generation nodes.
Would you wear this? To be honest- I would
Black or blue, what is your pick?
Workflow link: here
• Apr 26
Nice!
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?