Larder is a complete Framer website for a food blog, with a cost per serving calculator on every recipe.
The pack size problem
Every recipe on the internet tells a reader what to buy. Almost none tell them what the dish costs, and the reason is the pack size: a recipe calling for 115g of butter is costing you a 250g block, and pricing the block instead of the 115g is how two recipes for the same dish end up three times apart on cost.
Larder does that arithmetic on the page, with no sign-up. The banana bread that ships with it returns a total of 2.85 and a cost per serving of 0.36 at eight servings. Enter a sale price of 2.50 a slice and a margin row appears at 2.14, which is 85.8%. Change a pack price to the one at your own shop and every figure below it moves as you type.
What you get
- Eight pages including a CMS detail template and a custom 404: home, recipes archive, recipe detail, about, contact, privacy, terms, 404
- Desktop, tablet and phone, with a drawer navigation carrying the course list
- One Recipes CMS collection, 17 fields, seeded with 12 recipes across four courses and 2 articles, switched by a Post Type field
- The cost per serving calculator on every recipe page and on the home page, pre-filled from the recipe and editable in place
- Course chips on the archive that filter the grid live, with a real empty state
- Fifteen text presets with desktop, tablet and phone sizes, set in Bodoni Moda over IBM Plex Sans
- Eight colour tokens, so rebranding is a colour change rather than a rebuild
https://golden-intend-278153.framer.app
The ingredient data is content, not code
Each recipe carries an Ingredient Costs field written as Name; Quantity; Unit; Pack Price; Pack Size, one ingredient per line. Add a recipe and it prices itself. Readers can add and remove rows to cost their own variation.
After you buy
The setup guide that comes with your purchase carries your Framer remix link. Open it while signed in to Framer and the complete template copies into your own account.
Licence
Licensed for unlimited personal and client sites, commercially, with no attribution required. It may not be resold or redistributed, and the remix link is yours alone; full terms ship inside the setup guide.
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.