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 30-second brand film for GreenAI Solutions, made tonight. It is called "You closed at six. They didn't."
The brief was one idea. A small shop locks up, six AI employees switch on, and by sunrise the work is done. The late call is answered, the job is booked, the invoice is out.
How it was built.
1. The robots are our own 3D characters, rendered in three.js. Those renders went in as the reference, so the film matches the brand instead of a generic robot.
2. One keyframe still, then two Kling 3.0 passes on Higgsfield. A 15 second open and close, and a 12 second work montage started from the last frame of the phone scene so the cut is invisible.
3. The model wrote gibberish on a shop sign. That got painted out frame by frame in Python rather than re-rolled.
4. Every word on screen was set locally with ffmpeg. Never let a video model do your typography.
It is live on the homepage at greenaidigital.com
What would you have cut?
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
I built this single-file static landing page for Voltline, a fictional AI-automation company, using only HTML, CSS, and Vanilla JS, zero build tools, zero npm, zero frameworks. The aesthetic is "Bone & Volt": a warm off-white canvas with graphite black and one electric-lime accent (rgb(152, 254, 0)) that pops like a circuit trace under a microscope. The vibe? Precision engineering meets retro-futurism. Monospace slash-prefixed labels, tight geometric-sans headlines, orbiting 3D primitives, and tiny "space / starfield" reveals on hover, it feels like a precision instrument, not generic SaaS.
The user can scroll through sections with subtle scroll-triggered animations, hover over geometric elements to trigger micro-visual feedback, and click the "Contact" button to reveal a minimal contact form. The 3D primitives orbit subtly on the canvas, and their rotation is synced to scroll velocity. I also added a "hover reveal" effect where tiny starfield particles drift into view on hover, a small touch of magic that feels like a digital lab under glass.
The real challenge? Making the 3D primitives rotate in sync with scroll velocity without creating jitter or stutter. I had to manually calculate scroll delta and clamp it to a smooth range, then map it to rotation speed via a simple linear interpolation. I wrote a small JS helper that tracked scroll position and velocity using requestAnimationFrame and performance, then applied that to a .rotate() method on the 3D primitives. It took me three hours of trial and error, but once I got the math right, the motion felt intentional, not robotic.🔥 😊
Great job syncing the 3D primitives' rotation to scroll velocity - pulling off that level of interactivity with just HTML, CSS, and vanilla JS is impressive. The electric-lime accent really makes the retro-futuristic vibe pop.
[add your number] contracts signed without a single manual follow-up.
Every one tracked and reminded automatically until it was done.
→ Want this for your process? Let's talk.
Automating the reminders means you never chase a signature again, and the tracking stays clean.
Leads pre-qualified before a human touched them.
Every one scored and routed the moment they finished chatting, not after someone got around to it.
→ Curious what this looks like for your site? Message me.
Having the lead score appear instantly after chat ends removes the waiting gap before a rep can act.