{
  "id": "curated-catalog-lookbook-run",
  "name": "Lookbook Run",
  "theme": "curated-catalog",
  "category": "Commerce",
  "description": "An editorial run of full-bleed images with the shoppable items pinned to the image they appear in, alternating side to side.",
  "layout": "Alternating 60/40 image-and-text bands with no gutters between them, so the page reads as a printed run; the product chips sit inside the image, bottom-aligned.",
  "modules": [
    {
      "key": "open",
      "name": "Run opener",
      "html": "\n<header class=\"ro\"><span>Lookbook 04</span><h1>The Table, Set for Six</h1><p>Photographed at Kilcarn over two mornings in October. Everything shown is in the shop.</p></header>"
    },
    {
      "key": "band1",
      "name": "Band — Ceramics",
      "html": "\n<section class=\"band\">\n  <figure><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><a class=\"pin\" href=\"#\"><b>Everyday bowl</b><span>£42</span></a></figure>\n  <div class=\"cap\"><span class=\"n\">01</span><h2>Start with the bowls</h2><p>Six thrown to the same profile but glazed in one firing, so no two match and all of them belong.</p><a class=\"lnk\" href=\"#\">Shop ceramics</a></div>\n</section>"
    },
    {
      "key": "band2",
      "name": "Band — Textiles",
      "html": "\n<section class=\"band rev\">\n  <figure><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><a class=\"pin\" href=\"#\"><b>Kilcarn runner</b><span>£118</span></a></figure>\n  <div class=\"cap\"><span class=\"n\">02</span><h2>One length of cloth</h2><p>Woven undyed and washed once. It will soften for about a year and then stop.</p><a class=\"lnk\" href=\"#\">Shop textiles</a></div>\n</section>"
    },
    {
      "key": "band3",
      "name": "Band — Objects",
      "html": "\n<section class=\"band\">\n  <figure><img src=\"{{ART object}}\" alt=\"{{ARTALT object}}\"><a class=\"pin\" href=\"#\"><b>Walnut bowl</b><span>£186</span></a></figure>\n  <div class=\"cap\"><span class=\"n\">03</span><h2>Something to reach for</h2><p>The only piece on the table that is not for food. It holds keys, mostly.</p><a class=\"lnk\" href=\"#\">Shop objects</a></div>\n</section>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "curated-catalog-lookbook-run",
    "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-lookbook-run.json",
  "structure": "Alternating 60/40 image-and-text bands with no gutters between them, so the page reads as a printed run; the product chips sit inside the image, bottom-aligned.",
  "html": "<div class=\"dz dz-curated-catalog-lookbook-run\" data-design=\"curated-catalog-lookbook-run\" data-theme=\"curated-catalog\">\n<section class=\"dz-mod\" data-mod=\"open\" aria-label=\"Run opener\">\n<header class=\"ro\"><span>Lookbook 04</span><h1>The Table, Set for Six</h1><p>Photographed at Kilcarn over two mornings in October. Everything shown is in the shop.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"band1\" aria-label=\"Band — Ceramics\">\n<section class=\"band\">\n  <figure><img src=\"https://designlookbook.dev/assets/img/curated-catalog-hero.webp\" alt=\"A row of hand-thrown ceramic vessels on a pale plinth\"><a class=\"pin\" href=\"#\"><b>Everyday bowl</b><span>£42</span></a></figure>\n  <div class=\"cap\"><span class=\"n\">01</span><h2>Start with the bowls</h2><p>Six thrown to the same profile but glazed in one firing, so no two match and all of them belong.</p><a class=\"lnk\" href=\"#\">Shop ceramics</a></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"band2\" aria-label=\"Band — Textiles\">\n<section class=\"band rev\">\n  <figure><img src=\"https://designlookbook.dev/assets/img/curated-catalog-textile.webp\" alt=\"A folded woven textile with a fine sage and bordeaux stripe\"><a class=\"pin\" href=\"#\"><b>Kilcarn runner</b><span>£118</span></a></figure>\n  <div class=\"cap\"><span class=\"n\">02</span><h2>One length of cloth</h2><p>Woven undyed and washed once. It will soften for about a year and then stop.</p><a class=\"lnk\" href=\"#\">Shop textiles</a></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"band3\" aria-label=\"Band — Objects\">\n<section class=\"band\">\n  <figure><img src=\"https://designlookbook.dev/assets/img/curated-catalog-object.webp\" alt=\"A brass and walnut object photographed against warm white\"><a class=\"pin\" href=\"#\"><b>Walnut bowl</b><span>£186</span></a></figure>\n  <div class=\"cap\"><span class=\"n\">03</span><h2>Something to reach for</h2><p>The only piece on the table that is not for food. It holds keys, mostly.</p><a class=\"lnk\" href=\"#\">Shop objects</a></div>\n</section></section>\n</div>",
  "css": "\n.dz-curated-catalog-lookbook-run { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-curated-catalog-lookbook-run .ro { padding: 34px 40px 26px; max-width: 40rem; }\n.dz-curated-catalog-lookbook-run .ro span { font-size: 12.5px; color: var(--primary); }\n.dz-curated-catalog-lookbook-run .ro h1 { font-family: var(--pv-display); font-size: 40px; line-height: 1.06; margin: 8px 0 10px; }\n.dz-curated-catalog-lookbook-run .ro p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--muted-foreground); }\n.dz-curated-catalog-lookbook-run .band { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: stretch; }\n.dz-curated-catalog-lookbook-run .band.rev > figure { order: 2; }\n.dz-curated-catalog-lookbook-run .band figure { position: relative; margin: 0; overflow: hidden; min-height: 260px; }\n.dz-curated-catalog-lookbook-run .band img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--dur-slow) var(--ease); }\n.dz-curated-catalog-lookbook-run .band figure:hover img { transform: scale(1.03); }\n.dz-curated-catalog-lookbook-run .pin { position: absolute; left: 20px; bottom: 20px; display: flex; align-items: baseline; gap: 12px; background: var(--card); color: var(--foreground); text-decoration: none; padding: 10px 16px; border-radius: var(--pv-radius-xl); box-shadow: 0 8px 22px color-mix(in srgb, var(--foreground) 22%, transparent); transition: transform var(--dur) var(--ease); }\n.dz-curated-catalog-lookbook-run .pin:hover { transform: translateY(-3px); }\n.dz-curated-catalog-lookbook-run .pin b { font-family: var(--pv-display); font-size: 15px; font-weight: 400; }\n.dz-curated-catalog-lookbook-run .pin span { font-size: 13px; color: var(--primary); }\n.dz-curated-catalog-lookbook-run .cap { padding: 34px 40px; display: flex; flex-direction: column; justify-content: center; background: var(--muted); }\n.dz-curated-catalog-lookbook-run .band.rev .cap { background: var(--card); }\n.dz-curated-catalog-lookbook-run .n { font-family: var(--pv-display); font-size: 15px; color: var(--primary); }\n.dz-curated-catalog-lookbook-run .cap h2 { font-family: var(--pv-display); font-size: 27px; line-height: 1.14; margin: 6px 0 10px; }\n.dz-curated-catalog-lookbook-run .cap p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.66; color: var(--muted-foreground); max-width: 32ch; }\n.dz-curated-catalog-lookbook-run .lnk { align-self: flex-start; font-size: 14px; color: var(--primary); text-decoration: none; border-bottom: var(--pv-bw) solid var(--primary); padding-bottom: 2px; }\n@media (prefers-reduced-motion: reduce) { .dz-curated-catalog-lookbook-run *, .dz-curated-catalog-lookbook-run *::before, .dz-curated-catalog-lookbook-run *::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"
}