No items found.

A warm, bold bakery template with CMS products and recipes, store finder, careers and contact pages, and smooth GSAP scroll animations.

Baked slow. Shared warm. Gone fast.

Hearthwell is a bold, warm website template for artisan bakeries, patisseries, cafés and small food brands. Oversized condensed headlines, a tomato, green and cream palette and smooth GSAP motion make your bakes look as good as they taste.

Pages included

  • Home: animated hero, story, how-it-works steps, menu highlights, fan favourites, stats, recipes and stockists
  • Products: filterable CMS product grid (Breads, Viennoiserie, Cakes, Pastries)
  • Product template: image gallery, options, facts, nutrition and storage accordions, related products
  • Recipes: filterable CMS recipe grid
  • Recipe template: tickable ingredients, auto-numbered method steps, baker’s tip, more recipes
  • Our Story: values, timeline and team
  • Where to Buy: searchable stockist finder grouped by region
  • Careers: perks, open roles and job application form
  • Contact: contact form, opening hours and FAQ
  • Utility pages: Style Guide, Instructions, Licenses, Changelog, custom 404 and password page

Features

  • Two CMS collections (Products and Recipes) with help text on every field
  • Variables for colours, typography and spacing, with Tablet and Mobile modes
  • Smooth GSAP 3 and ScrollTrigger animations: page transitions, text reveals, parallax, marquees, horizontal scroll and stacked cards
  • Reduced-motion support and a static fallback if animations are switched off
  • Floating-label forms with custom success and error messages
  • Keyboard-accessible filters, accordions and gallery
  • Clean, consistently named classes and reusable components (Header, Footer, Mobile Nav, Page Transition)
  • SEO titles, meta descriptions and Open Graph images on every page
  • Fully responsive across desktop, tablet and mobile

Easy to customise

Change colours and fonts from the Variables panel, edit products and recipes in the CMS, and follow the Instructions page to edit or remove any animation.

Show more
Single Use License

Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.

Free License

This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.

digital4design supports this template
Designed by digital4design

Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.

For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.

Loving this template?

Share your feedback by leaving a comment below.

For template support, please check the Support tab.

Is there a template demo available?

Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.

Can templates be used in existing projects?

It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.

Can templates be exported?

With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.

How to purchase a template from a legacy team account?

Webflow templates are only available for purchase through Workspaces and legacy individual accounts.

How to remove the CMS functionality from a template?

CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.

Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.

How to remove the Ecommerce functionality from a template?

Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.

How to remove the Memberships functionality from a template?

Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.

Subcategory
Cafe & Coffee Shop
Cafe & Coffee Shop
Bakery
Bakery
Features
CMS
GSAP

Comes with GSAP animations and interactions for additional polish and usability.

Related Tags

Similar templates

Browse all

You might also like

Browse all
No items found.

More by digital4design

All templates by digital4design
Cafe & Coffee Shop
Bakery