Website
Puffin & Proof: bakery & café website with shop pages
By Templates.party
Warm café landing page plus product, checkout, order-confirmed and login pages, with a working demo cart.
Pay what you wantLive demo
Online store · E-commerce template
Clayfolk
A warm, airy e-commerce template for a small maker brand, with a filterable product grid, a product page with variants and a slide-out cart drawer.
You choose the amount at checkout on Gumroad. Every order gets the same ZIP and its own license key.
By Templates.party
What’s inside
Grid, product page and cart
A home page that sells, a product page that answers questions and a cart that stays out of the way. Products live in one list, so the grid, filters, product pages and cart all update together. Cream, sand and terracotta with an elegant serif.
Home & product grid
Hero, categories and a product grid with category filters and sorting.
Open in the demo (opens in a new tab)Product page
Gallery, glaze and size variants, quantity, details and related products.
Open in the demo (opens in a new tab)Cart drawer
Slide-out cart with quantities, a free-shipping progress bar and a checkout button ready to connect.
Open in the demo (opens in a new tab)Story & journal
The studio story, journal posts and a newsletter sign-up.
Open in the demo (opens in a new tab)Sections on the home page
- Announcement bar + navigation
- Hero
- Collections
- Product grid with filters and sorting
- Studio story
- Journal
- Newsletter
- Footer
Built in
- Products defined once in assets/js/store.js; grid, filters, product pages and cart read from it
- Cart stored in the visitor’s browser (localStorage); the demo takes no payment
- Checkout button ready to connect to Stripe, Shopify Buy Button, Snipcart or Lemon Squeezy
- Accessible cart dialog: focus moves in, Esc closes it, focus returns
- Responsive, right-sized WebP images with lazy loading
- Self-hosted fonts and compiled Tailwind: no CDN, no framework
Palette & type
- Cream
#FBF8F3 - Sand
#F4EDE4 - Clay
#C2643C - Sage
#8A9A7B - Ink
#2A211C
Instrument Serif + Figtree (self-hosted, OFL)
Colors and fonts live in tailwind.config.cjs. Change them, run npm run css, done.
In the ZIP
- index.html and product.html
- assets/: compiled CSS, store.js, product images and fonts
- src/ and tailwind.config.cjs to rebuild the CSS
- README with product, image, checkout and publishing notes
- LICENSE: commercial use, unlimited projects, client work
A fictional business
Clayfolk is a fictional studio. Its products, prices, journal posts and photos are placeholders, and the images are AI-generated. Replace them with your own products before you sell anything.
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
Browse all More templates
Website
The Velvet Radish: dark restaurant & bistro one-pager
By Templates.party
Dark, editorial one-page site: tabbed menu, chef story, private dining and a reservation form.
Pay what you wantLive demo
Presentation
Aurora: airy startup pitch deck (16:9, 12 slides)
By Templates.party
Airy 12-slide investor deck with aurora glows: problem, solution, market, model, traction, team and the ask.
Pay what you wantLive demo
Social media
Sunwave: warm social media kit (posts, stories, carousels)
By Templates.party
Twelve warm designs for Instagram, TikTok and LinkedIn as layered SVG plus ready-to-post PNG, with fonts.
Pay what you wantLive demo
Ready to bring your ideas to life?
Every niche is on the guest list. Find the template that fits your next project.