Café & bakery · Website template

Puffin & Proof Bakehouse

A warm, illustrated website for a neighborhood bakery, café or coffee bar, with product pages and a demo bag & checkout.

Pay what you wantsuggested €24

Name your price Live demo

You choose the amount at checkout on Gumroad. Every order gets the same ZIP and its own license key.

By Templates.party

Platform
HTML + Tailwind
Pages
10 HTML pages
Language
English
JavaScript
Vanilla, no framework
What’s inside

Every page, ready to edit

Landing page plus product detail pages, a bag & checkout, an order confirmation and a sign-in page. The demo shop runs entirely in the browser, so you can click through the whole order flow before you buy.

Sections on the landing page

  1. Navigation + mobile menu
  2. Hero
  3. Signature menu with filters
  4. Story
  5. Gallery
  6. Reviews
  7. Hours & location (highlights today)
  8. Order call to action
  9. Footer

Built in

  • Demo cart stored in the visitor’s browser (localStorage); nothing is sent to a server and no payment is taken
  • Checkout is ready to swap for your provider (Shopify Buy Button, Square, Stripe Checkout, Snipcart…)
  • Product pages generated from one list in src/pages.mjs (npm run pages)
  • Checkout, login and confirmation pages carry noindex
  • Self-hosted fonts and compiled Tailwind: no CDN, works offline
  • Optional “Template by Templates.party” credit: keep it or remove it

Palette & type

  • Cream#FFF9F0
  • Butter#FCE4C0
  • Cocoa#2B1A12
  • Crust#9A4A17
  • Apricot#F0954A
  • Sage#8FA98A

Fraunces + Plus Jakarta Sans (self-hosted, OFL)

Colors and fonts live in tailwind.config.cjs. Change them, run npm run css, done.

In the ZIP

  • Built HTML pages and assets/ (CSS, JS, fonts, illustrations, social image, favicons)
  • src/ and tailwind.config.cjs to rebuild the CSS (package.json scripts included)
  • README with step-by-step editing and publishing notes
  • LICENSE: commercial use, unlimited projects, client work

A fictional business

Puffin & Proof is a fictional business. Its people, reviews, products, prices, address and phone number are placeholders for you to replace. Don’t publish the demo reviews as real ones.

License

Pay what you want, once: no subscription. Use it for your own business or for client work, on unlimited projects. You can’t resell or redistribute it as a template. Full terms.

MCP access included

Every order comes with a license key, whatever amount you choose. The key unlocks MCP access, so AI assistants like Claude, ChatGPT or Cursor can read, customize and download the templates you own.

Keep exploring

More templates

Browse all

Ready to bring your ideas to life?

Every niche is on the guest list. Find the template that fits your next project.