{
  "id": "kiln-clay-front",
  "name": "Workshop Front",
  "theme": "kiln-clay",
  "category": "Landing",
  "description": "A pottery front page where the first thing is a photograph of hands and the second is the next four dates you could actually book.",
  "layout": "A full-bleed 340px photograph running edge to edge above a headline that overlaps its lower edge by 40px, then a four-column date band separated by ochre bars.",
  "modules": [
    {
      "key": "bleed",
      "name": "Hands photograph",
      "html": "\n<figure class=\"bl\"><img src=\"{{ART hands}}\" alt=\"{{ARTALT hands}}\"></figure>"
    },
    {
      "key": "hero",
      "name": "Headline",
      "html": "\n<div class=\"hr\"><span class=\"k\">Marsh Lane Pottery, since 2011</span><h1>Come and make something badly, then make it again.</h1><p>Eight wheels, two kilns, one very patient tutor. Beginners' evenings, weekend intensives and a members' bench you can book by the hour.</p></div>"
    },
    {
      "key": "dates",
      "name": "Next dates",
      "html": "\n<section class=\"dt\">\n  <article><span class=\"d\">Thu 11 Sep</span><b>Beginners' wheel</b><span class=\"m\">18:30–21:00 · 6 places left</span><span class=\"p\">£58</span></article>\n  <article class=\"ft\"><span class=\"d\">Sat 13 Sep</span><b>Weekend intensive</b><span class=\"m\">10:00–16:00 · 2 places left</span><span class=\"p\">£185</span></article>\n  <article><span class=\"d\">Tue 16 Sep</span><b>Glaze night</b><span class=\"m\">19:00–21:30 · 9 places left</span><span class=\"p\">£42</span></article>\n  <article><span class=\"d\">Thu 18 Sep</span><b>Beginners' wheel</b><span class=\"m\">18:30–21:00 · full</span><span class=\"p\">£58</span></article>\n</section>"
    },
    {
      "key": "about",
      "name": "About strip",
      "html": "\n<section class=\"ab\"><div><h2>What you take home</h2><p>Everything you make in a session is fired and glazed here, and you collect it about three weeks later. Nothing is thrown away without asking you first, including the ones you hate.</p></div>\n<figure><img src=\"{{ART kiln}}\" alt=\"{{ARTALT kiln}}\"></figure></section>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "kiln-clay-front",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:50:29+09:00",
    "updatedAt": "2026-09-01T19:50:29+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/kiln-clay-front.json",
  "structure": "A full-bleed 340px photograph running edge to edge above a headline that overlaps its lower edge by 40px, then a four-column date band separated by ochre bars.",
  "html": "<div class=\"dz dz-kiln-clay-front\" data-design=\"kiln-clay-front\" data-theme=\"kiln-clay\">\n<section class=\"dz-mod\" data-mod=\"bleed\" aria-label=\"Hands photograph\">\n<figure class=\"bl\"><img src=\"https://designlookbook.dev/assets/img/kiln-clay-hands.webp\" alt=\"Clay-covered hands shaping a vessel on a wheel\"></figure></section>\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Headline\">\n<div class=\"hr\"><span class=\"k\">Marsh Lane Pottery, since 2011</span><h1>Come and make something badly, then make it again.</h1><p>Eight wheels, two kilns, one very patient tutor. Beginners' evenings, weekend intensives and a members' bench you can book by the hour.</p></div></section>\n<section class=\"dz-mod\" data-mod=\"dates\" aria-label=\"Next dates\">\n<section class=\"dt\">\n  <article><span class=\"d\">Thu 11 Sep</span><b>Beginners' wheel</b><span class=\"m\">18:30–21:00 · 6 places left</span><span class=\"p\">£58</span></article>\n  <article class=\"ft\"><span class=\"d\">Sat 13 Sep</span><b>Weekend intensive</b><span class=\"m\">10:00–16:00 · 2 places left</span><span class=\"p\">£185</span></article>\n  <article><span class=\"d\">Tue 16 Sep</span><b>Glaze night</b><span class=\"m\">19:00–21:30 · 9 places left</span><span class=\"p\">£42</span></article>\n  <article><span class=\"d\">Thu 18 Sep</span><b>Beginners' wheel</b><span class=\"m\">18:30–21:00 · full</span><span class=\"p\">£58</span></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"about\" aria-label=\"About strip\">\n<section class=\"ab\"><div><h2>What you take home</h2><p>Everything you make in a session is fired and glazed here, and you collect it about three weeks later. Nothing is thrown away without asking you first, including the ones you hate.</p></div>\n<figure><img src=\"https://designlookbook.dev/assets/img/kiln-clay-kiln.webp\" alt=\"The open door of a kiln with warm shelves inside\"></figure></section></section>\n</div>",
  "css": "\n.dz-kiln-clay-front { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-kiln-clay-front .bl { margin: 0; }\n.dz-kiln-clay-front .bl img { width: 100%; height: 340px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-kiln-clay-front .hr { background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius); margin: -40px 32px 0; padding: 28px 32px 26px; position: relative; }\n.dz-kiln-clay-front .k { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-kiln-clay-front .hr h1 { font-family: var(--pv-display); font-size: 46px; font-weight: 600; line-height: 1.06; margin: 10px 0 14px; max-width: 20ch; }\n.dz-kiln-clay-front .hr p { font-size: 16px; line-height: 1.6; color: var(--muted-foreground); margin: 0; max-width: 60ch; }\n.dz-kiln-clay-front .dt { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 34px 32px 30px; }\n.dz-kiln-clay-front .dt article { padding-left: 16px; border-left: 3px solid var(--border); display: flex; flex-direction: column; gap: 5px; }\n.dz-kiln-clay-front .dt .ft { border-left-color: var(--accent); }\n.dz-kiln-clay-front .d { font-family: var(--pv-mono); font-size: 12px; color: var(--primary); }\n.dz-kiln-clay-front .dt b { font-family: var(--pv-display); font-size: 20px; font-weight: 600; }\n.dz-kiln-clay-front .m { font-size: 13px; color: var(--muted-foreground); }\n.dz-kiln-clay-front .p { font-family: var(--pv-mono); font-size: 17px; margin-top: 4px; }\n.dz-kiln-clay-front .ab { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 44px; padding: 0 0 40px 32px; }\n.dz-kiln-clay-front .ab h2 { font-family: var(--pv-display); font-size: 30px; font-weight: 600; margin: 0 0 12px; }\n.dz-kiln-clay-front .ab p { font-size: 16px; line-height: 1.62; color: var(--muted-foreground); margin: 0; max-width: 46ch; }\n.dz-kiln-clay-front .ab figure { margin: 0; }\n.dz-kiln-clay-front .ab img { width: 100%; height: 240px; object-fit: cover; display: block; border-radius: var(--pv-radius) 0 0 var(--pv-radius); filter: var(--img-filter); }\n@media (prefers-reduced-motion: reduce) { .dz-kiln-clay-front *, .dz-kiln-clay-front *::before, .dz-kiln-clay-front *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/kiln-clay.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Karla:wght@400;500;600;700&family=Space+Mono:wght@400;500;600;700&display=swap"
}