I am looking for work 🙋🏽‍♀️ I work across Shopify, Instant and Framer, and I also have experience in branding, social media content and print design for clients. I’m currently looking for my next opportunity, whether that’s freelance client work, working with an agency or joining a team. I am genuinely open to learning new things and taking on new challenges. If you know of someone looking for a designer/developer, please do get in touch! Email: contact@nightjasmine.studio or on Instagram

Such a versatile skill set! Wishing you the best of luck in finding your next exciting opportunity.

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.