Satsu

Satsu is a dark, cinematic Framer template for drinks brands, product launches and direct-to-consumer startups that want a homepage people stop and scroll through.

The hero is a 180-frame, photoreal image sequence. As visitors scroll, the can tips toward them to show the ring-pull, swings upright, glides into a close-up of the label, leans, twists and settles front-on, with headlines fading in around it like an Apple product page. Phones get their own portrait sequence so the can always fits the screen.

Below the hero, bold stat tiles, a flavour range pulled from the CMS, a four-step "how it's made" story and an orange-glow call to action keep the page moving. Every flavour gets its own page, and the pre-order form takes flavour and pack size with sending, sent and error states. Swap in your own product frames, rename the flavours and the whole site is yours.

Features

• 5 pages: Home, Flavour (CMS), Story, Pre-order and 404

• Scroll-scrubbed hero with 180 photoreal frames (desktop and tablet) and a separate 180-frame portrait sequence for phones

• Four headlines that fade in around the product as it moves

• Flavours CMS with name, tagline, description, price, size, tasting notes, accent colour, product image and detail image

• Pre-order form with flavour and pack-size dropdowns, plus sending, sent and error states

• Stat tiles, flavour cards, a four-step process and a glowing call to action

• Translucent nav with anchor links, a full-screen phone menu and a footer on every page

• Fully responsive across desktop, tablet and phone

• 9 colour styles and 9 text styles, Inter Display and Inter

• SEO ready: one H1 per page, titles, descriptions and share images on every page, CMS-driven meta for flavours, alt text on images, favicon included

• Uses one code component: Framer's ImageSequence. Swap the frames in the properties panel, no coding needed