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.