{
 "slug": "fettle",
 "name": "Fettle",
 "title": "Free pottery studio website template",
 "description": "Free HTML pottery studio website template for ceramic studios with classes, commissions and a shop. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a pottery studio that makes tableware to order, teaches classes and sells a few pieces",
 "summary": "A one-page site for a pottery studio: commissions for restaurants, a six-step process, four glazes, classes with prices, the makers, an open studio membership, a small shop and a contact form. Pale grey with black type and a visible four-column grid, big lowercase wordmarks, plus marks that turn into place, and a glazes section whose ground takes on the colour of each glaze as you scroll.",
 "fits": [
  "pottery or ceramics studio",
  "craft workshop with classes (candles, glass, weaving, woodwork)",
  "maker that sells made-to-order work to restaurants and shops",
  "any small studio that wants a pale, grid-led look with one strong hero photo"
 ],
 "categories": [
  "Shop",
  "Education"
 ],
 "tags": [
  "pottery",
  "ceramics",
  "pottery studio",
  "craft",
  "classes",
  "commissions",
  "tableware",
  "workshop",
  "maker",
  "grid layout",
  "minimal",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 95,
 "photos": 30,
 "fonts": [
  "TikTok Sans"
 ],
 "libraries": [
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "a bar with three plus-marked links around a lowercase logo and a Contact us pill (a menu button on phones); a full-screen menu with seven links"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Pottery Studio",
   "about": "a photo band under a huge heading that rises into a full-screen photo in four strips, then an about screen with a statement and two big links"
  },
  {
   "key": "commissions",
   "id": "commissions",
   "heading": "Where clay meets the table",
   "about": "three venue cards (restaurant, cafe, hotel) whose rooms open full screen behind them"
  },
  {
   "key": "process",
   "id": "process",
   "heading": "Mud to table in six steps",
   "about": "six steps in a horizontal row (wedge, throw, trim, bisque, glaze, fire) with a rule that fills"
  },
  {
   "key": "glazes",
   "id": "glazes",
   "heading": "Four glazes, mixed in the back room",
   "about": "four glaze rows whose names are huge; the section's ground and text colour turn into each glaze as its row reaches the middle"
  },
  {
   "key": "classes",
   "id": "classes",
   "heading": "Classes for any pair of hands",
   "about": "a photo and four class rows with when, how long, price and a Book link"
  },
  {
   "key": "makers",
   "id": "makers",
   "heading": "Three pairs of hands",
   "about": "three potters as portraits that deal out of a fanned stack"
  },
  {
   "key": "membership",
   "id": "membership",
   "heading": "Open studio membership",
   "about": "a photo of studio shelves and the open studio offer with price and five benefits"
  },
  {
   "key": "shop",
   "id": "shop",
   "heading": "From the shelf",
   "about": "six one-off pieces with prices and Reserve links; photos turn from pale bisque to colour as they cross the middle"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions",
   "about": "six questions as native <details>"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Come by the studio",
   "about": "address, hours, email, phone and a message form under a heading whose words gather into a line"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "a huge lowercase wordmark, address and hours, page links and follow links"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "form",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/pottery-studio-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my studio: what we make, classes with days and prices, commission terms, glazes, makers, membership, shop pieces, address and hours>. Replace first the studio name, the Sheffield address, the three client venues, the prices and the makers. Keep the classes AGENTS.md lists and the five grid lines, and set --len on each glaze name and the footer wordmark to its new length. Ask me for missing facts and never invent prices, firing details, food-safety claims or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/fettle/",
  "md": "https://8b.com/templates/fettle.md",
  "json": "https://8b.com/templates/fettle.json",
  "demo": "https://8b.com/templates/fettle/demo.html",
  "ghDemo": "https://8bsite.github.io/pottery-studio-website-template/",
  "repo": "https://github.com/8bsite/pottery-studio-website-template",
  "zip": "https://8b.com/templates/fettle/pottery-studio-website-template.zip",
  "use": "https://github.com/new?template_name=pottery-studio-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/pottery-studio-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/pottery-studio-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/pottery-studio-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/fettle/desktop.webp",
  "phone": "https://8b.com/templates/fettle/phone.webp",
  "clip": "https://8b.com/templates/fettle/scroll.mp4",
  "og": "https://8b.com/templates/fettle/og.jpg",
  "design_md": "https://8b.com/templates/fettle/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/pottery-studio-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "pottery-website",
   "ceramics-website",
   "craft-studio",
   "handmade",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}