Satsu

About this template

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