{
  "id": "curated-catalog-maker-story",
  "name": "Maker Story",
  "theme": "curated-catalog",
  "category": "Editorial",
  "description": "A workshop story that stops twice to sell you the exact object being described, without breaking the reading column.",
  "layout": "One 38rem reading column with two full-bleed image breaks; the shoppable insets are 200px cards that float right of the measure and clear it, so the prose is never interrupted.",
  "modules": [
    {
      "key": "open",
      "name": "Story opener",
      "html": "\n<header class=\"so\"><span class=\"so-k\">In the workshop</span><h1>Twelve Bowls, One Firing</h1><p>Kilcarn fires once a month. Everything in that kiln lives or dies together, which is why no two glazes ever quite match.</p></header>"
    },
    {
      "key": "body",
      "name": "Story body",
      "html": "\n<article class=\"story\">\n  <aside class=\"shop\"><img src=\"{{ART object}}\" alt=\"{{ARTALT object}}\"><h4>Turned Walnut Bowl</h4><span>£186</span><a href=\"#\">Add to bag</a></aside>\n  <p>The kiln takes fourteen hours to reach temperature and three days to cool. In between, nobody opens it, and nobody is allowed to guess.</p>\n  <p>Ceramics is the only craft in this shop where the maker genuinely does not know what they have made until it is finished. Everything else can be corrected on the way.</p>\n  <figure class=\"brk\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption>Twelve pieces from the October firing, sorted by how far the glaze ran.</figcaption></figure>\n  <aside class=\"shop\"><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><h4>Kilcarn Runner</h4><span>£118</span><a href=\"#\">Add to bag</a></aside>\n  <p>What comes out is sorted into three piles: sold, seconds, and one small pile nobody names that goes back into the yard wall.</p>\n  <p>The seconds are the interesting ones. They are the pieces where the glaze did something the studio has not learned to repeat yet.</p>\n</article>"
    },
    {
      "key": "end",
      "name": "Shop the story",
      "html": "\n<footer class=\"se\"><h3>Everything in this story</h3><div class=\"row\"><a href=\"#\"><img src=\"{{ART object}}\" alt=\"{{ARTALT object}}\"><b>Walnut bowl</b><span>£186</span></a><a href=\"#\"><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><b>Table runner</b><span>£118</span></a><a href=\"#\"><img src=\"{{IMG product 300 300}}\" alt=\"{{ALT product}}\"><b>Everyday bowl</b><span>£42</span></a></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "curated-catalog-maker-story",
    "model": "Claude Fable 5.1",
    "author": "Claude Code",
    "createdAt": "2026-09-02T16:52:47+09:00",
    "updatedAt": "2026-09-02T16:58:37+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/curated-catalog-maker-story.json",
  "structure": "One 38rem reading column with two full-bleed image breaks; the shoppable insets are 200px cards that float right of the measure and clear it, so the prose is never interrupted.",
  "html": "<div class=\"dz dz-curated-catalog-maker-story\" data-design=\"curated-catalog-maker-story\" data-theme=\"curated-catalog\">\n<section class=\"dz-mod\" data-mod=\"open\" aria-label=\"Story opener\">\n<header class=\"so\"><span class=\"so-k\">In the workshop</span><h1>Twelve Bowls, One Firing</h1><p>Kilcarn fires once a month. Everything in that kiln lives or dies together, which is why no two glazes ever quite match.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"body\" aria-label=\"Story body\">\n<article class=\"story\">\n  <aside class=\"shop\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-object.webp\" alt=\"A brass and walnut object photographed against warm white\"><h4>Turned Walnut Bowl</h4><span>£186</span><a href=\"#\">Add to bag</a></aside>\n  <p>The kiln takes fourteen hours to reach temperature and three days to cool. In between, nobody opens it, and nobody is allowed to guess.</p>\n  <p>Ceramics is the only craft in this shop where the maker genuinely does not know what they have made until it is finished. Everything else can be corrected on the way.</p>\n  <figure class=\"brk\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-hero.webp\" alt=\"A row of hand-thrown ceramic vessels on a pale plinth\"><figcaption>Twelve pieces from the October firing, sorted by how far the glaze ran.</figcaption></figure>\n  <aside class=\"shop\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-textile.webp\" alt=\"A folded woven textile with a fine sage and bordeaux stripe\"><h4>Kilcarn Runner</h4><span>£118</span><a href=\"#\">Add to bag</a></aside>\n  <p>What comes out is sorted into three piles: sold, seconds, and one small pile nobody names that goes back into the yard wall.</p>\n  <p>The seconds are the interesting ones. They are the pieces where the glaze did something the studio has not learned to repeat yet.</p>\n</article></section>\n<section class=\"dz-mod\" data-mod=\"end\" aria-label=\"Shop the story\">\n<footer class=\"se\"><h3>Everything in this story</h3><div class=\"row\"><a href=\"#\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-object.webp\" alt=\"A brass and walnut object photographed against warm white\"><b>Walnut bowl</b><span>£186</span></a><a href=\"#\"><img src=\"https://designlookbook.dev/assets/img/curated-catalog-textile.webp\" alt=\"A folded woven textile with a fine sage and bordeaux stripe\"><b>Table runner</b><span>£118</span></a><a href=\"#\"><img src=\"https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=300&h=300&q=70&auto=format&fit=crop\" alt=\"A red running shoe on a saturated red background\"><b>Everyday bowl</b><span>£42</span></a></div></footer></section>\n</div>",
  "css": "\n.dz-curated-catalog-maker-story { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 36px 40px 34px; }\n.dz-curated-catalog-maker-story .so { max-width: 38rem; }\n.dz-curated-catalog-maker-story .so-k { font-size: 12.5px; color: var(--primary); }\n.dz-curated-catalog-maker-story .so h1 { font-family: var(--pv-display); font-size: 42px; line-height: 1.06; margin: 8px 0 12px; }\n.dz-curated-catalog-maker-story .so p { margin: 0 0 24px; font-size: 17px; line-height: 1.6; color: var(--muted-foreground); }\n.dz-curated-catalog-maker-story .story { max-width: 38rem; }\n.dz-curated-catalog-maker-story .story p { margin: 0 0 16px; font-size: 16px; line-height: 1.76; }\n.dz-curated-catalog-maker-story .shop { float: right; width: 190px; margin: 4px -230px 18px 26px; background: var(--card); border-radius: var(--pv-radius); padding: 12px; box-shadow: 0 6px 20px color-mix(in srgb, var(--foreground) 10%, transparent); }\n.dz-curated-catalog-maker-story .shop img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--pv-radius-sm); display: block; }\n.dz-curated-catalog-maker-story .shop h4 { font-family: var(--pv-display); font-size: 15px; margin: 9px 0 3px; }\n.dz-curated-catalog-maker-story .shop span { font-size: 13px; color: var(--primary); }\n.dz-curated-catalog-maker-story .shop a { display: block; margin-top: 10px; text-align: center; font-size: 13px; font-weight: 600; padding: 8px; border-radius: var(--pv-radius-xl); background: var(--primary); color: var(--primary-foreground); text-decoration: none; }\n.dz-curated-catalog-maker-story .brk { clear: both; margin: 24px 0; }\n.dz-curated-catalog-maker-story .brk img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--pv-radius); display: block; }\n.dz-curated-catalog-maker-story .brk figcaption { margin-top: 8px; font-size: 12.5px; color: var(--muted-foreground); }\n.dz-curated-catalog-maker-story .se { clear: both; margin-top: 30px; padding-top: 22px; border-top: var(--pv-bw) solid var(--border); }\n.dz-curated-catalog-maker-story .se h3 { font-family: var(--pv-display); font-size: 21px; margin: 0 0 14px; }\n.dz-curated-catalog-maker-story .row { display: grid; grid-template-columns: repeat(3, minmax(0, 200px)); gap: 18px; }\n.dz-curated-catalog-maker-story .row a { text-decoration: none; color: var(--foreground); }\n.dz-curated-catalog-maker-story .row img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--pv-radius); display: block; transition: transform var(--dur) var(--ease); }\n.dz-curated-catalog-maker-story .row a:hover img { transform: scale(1.03); }\n.dz-curated-catalog-maker-story .row b { display: block; font-family: var(--pv-display); font-size: 15px; font-weight: 400; margin-top: 8px; }\n.dz-curated-catalog-maker-story .row span { font-size: 13px; color: var(--primary); }\n@media (prefers-reduced-motion: reduce) { .dz-curated-catalog-maker-story *, .dz-curated-catalog-maker-story *::before, .dz-curated-catalog-maker-story *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/curated-catalog.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Instrument+Serif:wght@400;500;600;700&family=Karla:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}