Sprig Drinks

About this template

Sprig is a template for a small drinks or food brand that sells through stockists and has something to say about what is in the product, how to use it and where to find it. The demo is a made-up maker of sparkling botanical water with six cans.

What is in it

- 24 pages: Home, Cans with a page per can, Recipes, Posts, Ingredients, About, Stockists, FAQ, Contact, Subscribe, Privacy policy, Credits and a designed 404.

- Nine CMS collections: products, recipes, recipe kinds, posts, post topics, authors, ingredients, stores and questions. Cans, recipes and ingredients link to each other.

- Recipe pages with a serving calculator, metric and US units and a print view.

- A party planner on the Cans page, and a stockist list filtered by city and kind of place.

- Three forms with consent checkboxes, and Framer's cookie banner styled to match.

How it moves

- Between pages a block of colour wipes across, in the colour of the can you are heading to.

- Photographs unmask as they scroll into view and headlines rise in line by line.

- A pinned gallery on the Cans page scrolls through all six cans.

- The phone menu draws itself in row by row.

Easy to make your own

- Six brand colour styles, one colour per can and 17 text styles. Two typefaces, Fraunces and Inter, both open source.

- 36 components in named folders. Desktop, tablet and phone layouts on every page.

- Four owner pages inside the template: a seven-step guide, a style guide, a components page and a checklist of what is done and what is left.

Good to know

- Custom code is light and documented: seven code components, four overrides, one CSS block and twelve short scripts. The guide explains each one and how to remove it.

- The demo images are generated placeholders, not licensed for reuse. Replace them with your own.

- There is no cart or checkout, and the forms need a destination before they send anything.

- Publishing on your own domain needs a Framer plan that allows nine CMS collections.