Velluto - Latte Pour Scroll Website

A premium cafe website told by scroll, rendered live in 3D. The hero floats a glossy coffee sphere with orbiting chocolate drops, a caramel cube and a porcelain ring next to a bold serif headline and product cards. In the pinned Milk section the sphere falls into a cup, a milk crown splashes up, ripples spread across the whole page and the milk then funnels into a stream that pours into the next section.

"Make your latte" is a terracotta section with a speckled ceramic cup that fills as you arrive, a vanilla flower, a chocolate chunk and a caramel ribbon; pick vanilla, caramel or mocha to change the crema. Below it, a small builder (flavour, milk, hot or iced, size) shows a name, a tasting note and a sample price, plus a short menu and a footer.

Everything is real-time three.js (no photos to license, no video to load) in one HTML file; the product card images are rendered by the page itself. Layout is responsive down to 400 px and the page stays readable without WebGL. Brand, prices and address are placeholders; the order button sends nothing until you connect your own checkout. Checked in desktop Chrome only.

Choose your tier

🔒 Secure checkout · instant download