Sondry: an animated landing-page hero

Sondry: an animated landing-page hero built in HTML and CSS (concept)

A hero section for Sondry, a fictional tool that sorts customer feedback into themes. Feedback cards arrive, group under three themes, and one insight surfaces, all in a 7-second loop that resets without a cut. The headline settles in about a second and stays put, so the page stays readable while the product panel moves.

The hero is real HTML and CSS, not a video dropped into a page. It's 16 KB and runs at 60 fps, with three depth layers drifting at different speeds and a reduced-motion fallback. The video here is a frame-by-frame capture of the live page, with custom UI sound and an original music track.

Live page: https://product.leoreed.com/hero/sondry/

Concept project. Fictional product, not affiliated with any real company.