{
  "id": "curated-catalog-editors-shelf",
  "name": "Editor's Shelf",
  "theme": "curated-catalog",
  "category": "Landing",
  "description": "A landing page built around one person's picks, with their reasoning next to each object instead of marketing copy.",
  "layout": "Editor portrait and statement occupy a 360px left column that does not scroll with the picks; the picks themselves are wide rows of image, object and a first-person paragraph.",
  "modules": [
    {
      "key": "editor",
      "name": "Editor column",
      "html": "\n<aside class=\"ed\">\n  <img src=\"{{ART gallery}}\" alt=\"{{ARTALT gallery}}\">\n  <span class=\"ed-role\">Chosen by</span>\n  <h1>Rosa Castellanos</h1>\n  <p>I have bought for this shop for nine years. These are the six things I would still own if we closed tomorrow.</p>\n  <p class=\"ed-date\">Updated 4 October</p>\n</aside>"
    },
    {
      "key": "picks",
      "name": "Pick rows",
      "html": "\n<div class=\"picks\">\n  <article><img src=\"{{ART object}}\" alt=\"{{ARTALT object}}\"><div><h2>Turned Walnut Bowl</h2><span class=\"pr\">£186</span><p>The first thing I picked up at Kilcarn and the only one I took home the same day. The brass foot is doing structural work, not decoration.</p><a href=\"#\">See it</a></div></article>\n  <article><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><div><h2>Undyed Table Runner</h2><span class=\"pr\">£118</span><p>It arrives stiff and slightly disappointing. Wash it once. After a year it is the softest thing in the house.</p><a href=\"#\">See it</a></div></article>\n  <article><img src=\"{{IMG product 400 400}}\" alt=\"{{ALT product}}\"><div><h2>Everyday Bowl</h2><span class=\"pr\">£42</span><p>We have sold eleven hundred of these. I still cannot predict which glaze anyone will choose.</p><a href=\"#\">See it</a></div></article>\n</div>"
    },
    {
      "key": "sub",
      "name": "Follow the shelf",
      "html": "\n<footer class=\"sub\"><h3>Six new picks, four times a year</h3><form onsubmit=\"return false\"><input type=\"email\" placeholder=\"you@example.com\" aria-label=\"Email address\"><button type=\"submit\">Follow the shelf</button></form></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "curated-catalog-editors-shelf",
    "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-editors-shelf.json",
  "structure": "Editor portrait and statement occupy a 360px left column that does not scroll with the picks; the picks themselves are wide rows of image, object and a first-person paragraph.",
  "html": "<div class=\"dz dz-curated-catalog-editors-shelf\" data-design=\"curated-catalog-editors-shelf\" data-theme=\"curated-catalog\">\n<section class=\"dz-mod\" data-mod=\"editor\" aria-label=\"Editor column\">\n<aside class=\"ed\">\n  <img src=\"https://designlookbook.dev/assets/img/curated-catalog-gallery.webp\" alt=\"A quiet gallery corner with one framed piece and a bench\">\n  <span class=\"ed-role\">Chosen by</span>\n  <h1>Rosa Castellanos</h1>\n  <p>I have bought for this shop for nine years. These are the six things I would still own if we closed tomorrow.</p>\n  <p class=\"ed-date\">Updated 4 October</p>\n</aside></section><div><section class=\"dz-mod\" data-mod=\"picks\" aria-label=\"Pick rows\">\n<div class=\"picks\">\n  <article><img src=\"https://designlookbook.dev/assets/img/curated-catalog-object.webp\" alt=\"A brass and walnut object photographed against warm white\"><div><h2>Turned Walnut Bowl</h2><span class=\"pr\">£186</span><p>The first thing I picked up at Kilcarn and the only one I took home the same day. The brass foot is doing structural work, not decoration.</p><a href=\"#\">See it</a></div></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\"><div><h2>Undyed Table Runner</h2><span class=\"pr\">£118</span><p>It arrives stiff and slightly disappointing. Wash it once. After a year it is the softest thing in the house.</p><a href=\"#\">See it</a></div></article>\n  <article><img src=\"https://images.unsplash.com/photo-1517849845537-4d257902454a?w=400&h=400&q=70&auto=format&fit=crop\" alt=\"A pug looking at the camera against a bright yellow backdrop\"><div><h2>Everyday Bowl</h2><span class=\"pr\">£42</span><p>We have sold eleven hundred of these. I still cannot predict which glaze anyone will choose.</p><a href=\"#\">See it</a></div></article>\n</div></section><section class=\"dz-mod\" data-mod=\"sub\" aria-label=\"Follow the shelf\">\n<footer class=\"sub\"><h3>Six new picks, four times a year</h3><form onsubmit=\"return false\"><input type=\"email\" placeholder=\"you@example.com\" aria-label=\"Email address\"><button type=\"submit\">Follow the shelf</button></form></footer></section></div>\n</div>",
  "css": "\n.dz-curated-catalog-editors-shelf { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 40px; padding: 32px 36px 34px; }\n.dz-curated-catalog-editors-shelf .ed { position: sticky; top: 0; align-self: start; }\n.dz-curated-catalog-editors-shelf .ed img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--pv-radius-xl); display: block; box-shadow: 0 10px 30px color-mix(in srgb, var(--foreground) 14%, transparent); }\n.dz-curated-catalog-editors-shelf .ed-role { display: block; margin-top: 18px; font-size: 12.5px; color: var(--primary); }\n.dz-curated-catalog-editors-shelf .ed h1 { font-family: var(--pv-display); font-size: 30px; line-height: 1.1; margin: 5px 0 12px; }\n.dz-curated-catalog-editors-shelf .ed p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.66; color: var(--muted-foreground); }\n.dz-curated-catalog-editors-shelf .ed-date { font-size: 12.5px !important; }\n.dz-curated-catalog-editors-shelf .picks article { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-curated-catalog-editors-shelf .picks article:first-child { padding-top: 0; }\n.dz-curated-catalog-editors-shelf .picks 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-editors-shelf .picks article:hover img { transform: scale(1.03); }\n.dz-curated-catalog-editors-shelf .picks h2 { font-family: var(--pv-display); font-size: 23px; margin: 0 0 4px; }\n.dz-curated-catalog-editors-shelf .pr { font-size: 14px; color: var(--primary); }\n.dz-curated-catalog-editors-shelf .picks p { margin: 10px 0 12px; font-size: 14.5px; line-height: 1.7; max-width: 46ch; }\n.dz-curated-catalog-editors-shelf .picks a { font-size: 14px; color: var(--foreground); text-decoration: none; border-bottom: var(--pv-bw) solid var(--primary); padding-bottom: 2px; }\n.dz-curated-catalog-editors-shelf .sub { grid-column: 2; background: var(--muted); border-radius: var(--pv-radius-xl); padding: 24px 26px; margin-top: 24px; }\n.dz-curated-catalog-editors-shelf .sub h3 { font-family: var(--pv-display); font-size: 21px; margin: 0 0 14px; }\n.dz-curated-catalog-editors-shelf .sub form { display: flex; gap: 10px; max-width: 30rem; }\n.dz-curated-catalog-editors-shelf .sub input { flex: 1; min-width: 0; font: inherit; font-size: 14.5px; padding: 11px 14px; border: var(--pv-bw) solid var(--input); border-radius: var(--pv-radius-xl); background: var(--card); color: var(--foreground); }\n.dz-curated-catalog-editors-shelf .sub input:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }\n.dz-curated-catalog-editors-shelf .sub 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-editors-shelf *, .dz-curated-catalog-editors-shelf *::before, .dz-curated-catalog-editors-shelf *::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"
}