{
  "id": "curated-catalog-saved-board",
  "name": "Saved Board",
  "theme": "curated-catalog",
  "category": "Profile & Social",
  "description": "Saved items arranged as a pinboard of mixed-height cards, with a private note field on each one.",
  "layout": "CSS masonry columns so cards keep their natural aspect ratio; each card carries an editable note beneath it, and the board header offers sharing without exposing the notes.",
  "modules": [
    {
      "key": "head",
      "name": "Board header",
      "html": "\n<header class=\"bh\"><div><h1>Saved</h1><p>14 objects · your notes are private</p></div><div class=\"bh-a\"><button type=\"button\">Share board</button><button type=\"button\">Sort by price</button></div></header>"
    },
    {
      "key": "board",
      "name": "Pin board",
      "html": "\n<div class=\"bd\">\n  <article><img src=\"{{ART object}}\" alt=\"{{ARTALT object}}\"><h3>Turned Walnut Bowl</h3><span>£186</span><p class=\"note\">For the hall table. Measure first — 210mm might be too wide.</p></article>\n  <article><img src=\"{{IMG product 400 560}}\" alt=\"{{ALT product}}\"><h3>Everyday Bowl, Sage</h3><span>£42</span><p class=\"note\">Buy four.</p></article>\n  <article><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><h3>Undyed Table Runner</h3><span>£118</span><p class=\"note\">Wait for the January restock, the October one sold out in a day.</p></article>\n  <article><img src=\"{{IMG interior 400 300}}\" alt=\"{{ALT interior}}\"><h3>Ribbed Tumbler</h3><span>£64</span><p class=\"note\">Gift for R.</p></article>\n  <article><img src=\"{{ART gallery}}\" alt=\"{{ARTALT gallery}}\"><h3>Ash Bench, Short</h3><span>£310</span><p class=\"note\">Absurd. Still thinking about it.</p></article>\n  <article><img src=\"{{IMG texture 400 400}}\" alt=\"{{ALT texture}}\"><h3>Marbled Endpapers</h3><span>£29</span><p class=\"note\">—</p></article>\n</div>"
    },
    {
      "key": "empty",
      "name": "Collection prompt",
      "html": "\n<footer class=\"cp\"><h3>Make a second board?</h3><p>People usually end up with one for the house and one for presents. Boards are private until you share a link.</p><button type=\"button\">New board</button></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "curated-catalog-saved-board",
    "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-saved-board.json",
  "structure": "CSS masonry columns so cards keep their natural aspect ratio; each card carries an editable note beneath it, and the board header offers sharing without exposing the notes.",
  "html": "<div class=\"dz dz-curated-catalog-saved-board\" data-design=\"curated-catalog-saved-board\" data-theme=\"curated-catalog\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Board header\">\n<header class=\"bh\"><div><h1>Saved</h1><p>14 objects · your notes are private</p></div><div class=\"bh-a\"><button type=\"button\">Share board</button><button type=\"button\">Sort by price</button></div></header></section>\n<section class=\"dz-mod\" data-mod=\"board\" aria-label=\"Pin board\">\n<div class=\"bd\">\n  <article><img src=\"https://designlookbook.dev/assets/img/curated-catalog-object.webp\" alt=\"A brass and walnut object photographed against warm white\"><h3>Turned Walnut Bowl</h3><span>£186</span><p class=\"note\">For the hall table. Measure first — 210mm might be too wide.</p></article>\n  <article><img src=\"https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=400&h=560&q=70&auto=format&fit=crop\" alt=\"A red running shoe on a saturated red background\"><h3>Everyday Bowl, Sage</h3><span>£42</span><p class=\"note\">Buy four.</p></article>\n  <article><img src=\"https://designlookbook.dev/assets/img/curated-catalog-textile.webp\" alt=\"A folded woven textile with a fine sage and bordeaux stripe\"><h3>Undyed Table Runner</h3><span>£118</span><p class=\"note\">Wait for the January restock, the October one sold out in a day.</p></article>\n  <article><img src=\"https://images.unsplash.com/photo-1543007630-9710e4a00a20?w=400&h=300&q=70&auto=format&fit=crop\" alt=\"A bright minimal lounge with pale armchairs\"><h3>Ribbed Tumbler</h3><span>£64</span><p class=\"note\">Gift for R.</p></article>\n  <article><img src=\"https://designlookbook.dev/assets/img/curated-catalog-gallery.webp\" alt=\"A quiet gallery corner with one framed piece and a bench\"><h3>Ash Bench, Short</h3><span>£310</span><p class=\"note\">Absurd. Still thinking about it.</p></article>\n  <article><img src=\"https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=400&h=400&q=70&auto=format&fit=crop\" alt=\"Two latte cups held over a dark table, seen from above\"><h3>Marbled Endpapers</h3><span>£29</span><p class=\"note\">—</p></article>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"empty\" aria-label=\"Collection prompt\">\n<footer class=\"cp\"><h3>Make a second board?</h3><p>People usually end up with one for the house and one for presents. Boards are private until you share a link.</p><button type=\"button\">New board</button></footer></section>\n</div>",
  "css": "\n.dz-curated-catalog-saved-board { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 28px 32px 30px; }\n.dz-curated-catalog-saved-board .bh { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: var(--pv-bw) solid var(--border); margin-bottom: 20px; }\n.dz-curated-catalog-saved-board .bh h1 { font-family: var(--pv-display); font-size: 30px; margin: 0 0 3px; }\n.dz-curated-catalog-saved-board .bh p { margin: 0; font-size: 13.5px; color: var(--muted-foreground); }\n.dz-curated-catalog-saved-board .bh-a { display: flex; gap: 8px; }\n.dz-curated-catalog-saved-board .bh-a button { font: inherit; font-size: 13px; padding: 9px 17px; border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-xl); background: var(--card); color: var(--foreground); cursor: pointer; transition: border-color var(--dur) var(--ease); }\n.dz-curated-catalog-saved-board .bh-a button:hover { border-color: var(--primary); color: var(--primary); }\n.dz-curated-catalog-saved-board .bd { columns: 3; column-gap: 20px; }\n.dz-curated-catalog-saved-board .bd article { break-inside: avoid; background: var(--card); border-radius: var(--pv-radius); overflow: hidden; margin: 0 0 20px; box-shadow: 0 3px 14px color-mix(in srgb, var(--foreground) 9%, transparent); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }\n.dz-curated-catalog-saved-board .bd article:hover { transform: translateY(-4px); box-shadow: 0 16px 32px color-mix(in srgb, var(--foreground) 16%, transparent); }\n.dz-curated-catalog-saved-board .bd img { width: 100%; display: block; }\n.dz-curated-catalog-saved-board .bd h3 { font-family: var(--pv-display); font-size: 16.5px; margin: 12px 14px 2px; }\n.dz-curated-catalog-saved-board .bd span { display: block; margin: 0 14px; font-size: 13px; color: var(--primary); }\n.dz-curated-catalog-saved-board .note { margin: 9px 14px 14px; padding-top: 9px; border-top: var(--pv-bw) dashed var(--border); font-size: 13px; line-height: 1.55; color: var(--muted-foreground); font-style: italic; }\n.dz-curated-catalog-saved-board .cp { margin-top: 6px; background: var(--muted); border-radius: var(--pv-radius-xl); padding: 22px 26px; }\n.dz-curated-catalog-saved-board .cp h3 { font-family: var(--pv-display); font-size: 20px; margin: 0 0 6px; }\n.dz-curated-catalog-saved-board .cp p { margin: 0 0 14px; font-size: 14px; line-height: 1.6; color: var(--muted-foreground); max-width: 54ch; }\n.dz-curated-catalog-saved-board .cp button { font: inherit; font-size: 14px; font-weight: 600; padding: 11px 22px; border: 0; border-radius: var(--pv-radius-xl); background: var(--primary); color: var(--primary-foreground); cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-curated-catalog-saved-board *, .dz-curated-catalog-saved-board *::before, .dz-curated-catalog-saved-board *::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"
}