Swell
About
Swell is a Framer template for food and drink brands built around a single hero product. A real 3D can sits in the hero, turns as you scroll and its label refills as each flavour pours in like liquid. Set the product to Image and the same moves work with a pouch, bottle or cup.
What's inside
- Pages: Home (intro, hero, flavour pours, Why Swell, reviews, Build your box, stockists, FAQ, footer), Custom 404 page
- Features: One product that travels the page as a 3D can or your photo; flavours that pour into each other with fizz and a "What's inside" card; benefit panels that pour in beside the product with a giant stat; a review deck that shuffles automatically or on tap; desktop, tablet and phone layouts
- Editable fields (CMS and product): Flavours (Name, Word, Number, Colour, Text Colour, Line, Short Line, Sticker, Shop Link, Ingredients, Calories, Sugar, Fiber, Juice, Label image, Product image); Benefits (Title, Stat, Number, Text, Colour, Text Colour, Icon); Reviews (Name, City, Initials, Quote, Colour, Text Colour); FAQ (Question, Answer); Stores (Name, Colour); Product settings (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
- Note: The brand, flavours, reviews and stores are fictional
- Refund policy: Swell is a digital product, so purchases cannot be refunded. Please check the live preview before buying. Email sanketsonmali@gmail.com with questions; the author can help before or after purchase.
