STILL Coffee — Animated Product Showcase Website

STILL Coffee is a premium animated website concept built around a collection of bottled coffees. A warm cream, forest-green, and copper palette pairs with oversized serif typography and transparent product imagery to create a refined, editorial feel.

The experience opens with a sliding bottle carousel set against a curved backdrop. Bottles float, rotate, and scale as they move through the collection. Visitors can explore using arrows, keyboard controls, or swipe gestures, then select a coffee to watch its bottle transition into the product detail layout.

Each of the five varieties—Original Cold Brew, Mocha, Oat Latte, Pistachio, and Decaf—has its own image, headline, description, and flavor notes. Scroll effects, animated section reveals, related-product hover effects, a full-screen menu, and an oversized footer complete the page.

The one-shot build prompt includes the complete HTML, CSS, JavaScript, public asset URLs, responsive rules, and motion logic needed to reconstruct the design. Built with vanilla web technologies, the site adapts to desktop and mobile screens and includes reduced-motion support.