Swell Soda Framer Template

About this template

Framer template for food and drink brands with a few hero products. A real 3D can sits in the hero, turns as you scroll and refills its label as each flavour pours in like liquid. Set the product to Image and the same moves work with a photo of a pouch, bottle or cup, so it sells snacks or coffee just as well. The brand, flavours, reviews and stores are fictional.

The look

Peach, crimson and lime with a colour flood for every flavour, Bagel Fat One headlines and Manrope text.

Pages included

• Home: intro, hero, flavour pours, Why Swell, reviews, Build your box, stockists, FAQ and footer

• Custom 404 page

Features

• One product that travels the page, as a 3D can or your own photo

• Flavours that pour into each other, with fizz and a "What's inside" card

• Benefit panels that pour in beside the product, each with a giant stat

• A review deck that shuffles on its own or on tap

• Desktop, tablet and phone layouts

Edit it in a few fields

• Flavours (CMS): Name, Word, Number, Colour, Text Colour, Line, Short Line, Sticker, Shop Link, Ingredients, Calories, Sugar, Fiber, Juice, Label image, Product image

• Benefits (CMS): Title, Stat, Number, Text, Colour, Text Colour, Icon • Reviews (CMS): Name, City, Initials, Quote, Colour, Text Colour

• FAQ (CMS): Question, Answer

• Stores (CMS): Name, Colour

• Product: 3D Can, Image or None, Size, Idle motion, Scroll Turn, Flavour Turn, Tilt, Metal, Finish, Droplets, Brightness, Shadow

• Box: Can Price, Save

• Intro: Text, Note, fonts, colours, Bubbles, Hold, Exit, Wipe

Best for

• Drink, snack and coffee brands

• DTC food startups launching a product line

• Designers building sites for consumer brands

Swap in your products, colours and copy, and keep "Build a 12-pack" one tap away.

Refund policy Swell is a digital product, so purchases can't be refunded. Please look through the live preview before buying, and email sanketsonmali@gmail.com if you have any questions. I'm happy to help before or after you buy.