Osmo Supply’s website is a great example of light-mode design that refuses to be boring. Built by award-winning creative developers, the site uses a clean off-white canvas punctuated by bold lime green CTAs and vibrant purple feature cards that tilt and rotate with delightful physics-based animations. The scattered card carousel in the hero section immediately showcases the product—playful motion that demonstrates exactly what members will learn to build. Handwritten script annotations like “See what it can do!” and “Type and find!” add warmth and personality that larger SaaS platforms often lack.

What sets this design apart is its confident embrace of asymmetry and dimensional depth. Product cards fan out at angles, founder portraits feature rotating circular image reveals, and the entire experience is stitched together with buttery smooth scroll animations and page transitions powered by Barba.js. The design walks a perfect line between showcasing technical prowess and maintaining approachability—the typography is bold and editorial, the spacing is generous, and the interactions never feel gratuitous. Every micro-animation serves to reinforce Osmo’s core promise: this is what great web experiences feel like, and they’ll teach you how to build them.