{
  "id": "curated-catalog-cart-review",
  "name": "Bag Review",
  "theme": "curated-catalog",
  "category": "Commerce",
  "description": "A bag page that shows what each item is waiting on, because half the catalogue is made to order and that is the thing people actually want to know.",
  "layout": "Two columns at 1fr/320px; line items are 96px-thumb rows carrying a lead-time chip, and the summary column sticks with the total pinned to its base.",
  "modules": [
    {
      "key": "head",
      "name": "Bag header",
      "html": "\n<header class=\"bh\"><h1>Your bag</h1><p>3 items · 2 made to order</p></header>"
    },
    {
      "key": "items",
      "name": "Line items",
      "html": "\n<ul class=\"items\">\n  <li><img src=\"{{ART object}}\" alt=\"{{ARTALT object}}\"><div class=\"it\"><h3>Turned Walnut and Brass Bowl</h3><p>Kilcarn Studio · Oiled</p><span class=\"lead made\">Made to order · 3–4 weeks</span><div class=\"qty\"><button type=\"button\" aria-label=\"Decrease\">−</button><span>1</span><button type=\"button\" aria-label=\"Increase\">+</button><button type=\"button\" class=\"rm\">Remove</button></div></div><span class=\"pr\">£186</span></li>\n  <li><img src=\"{{ART textile}}\" alt=\"{{ARTALT textile}}\"><div class=\"it\"><h3>Kilcarn Table Runner</h3><p>Undyed wool · 220cm</p><span class=\"lead made\">Made to order · 5 weeks</span><div class=\"qty\"><button type=\"button\" aria-label=\"Decrease\">−</button><span>1</span><button type=\"button\" aria-label=\"Increase\">+</button><button type=\"button\" class=\"rm\">Remove</button></div></div><span class=\"pr\">£118</span></li>\n  <li><img src=\"{{IMG product 200 200}}\" alt=\"{{ALT product}}\"><div class=\"it\"><h3>Everyday Bowl, Sage</h3><p>In stock, ships Monday</p><span class=\"lead stock\">In stock</span><div class=\"qty\"><button type=\"button\" aria-label=\"Decrease\">−</button><span>2</span><button type=\"button\" aria-label=\"Increase\">+</button><button type=\"button\" class=\"rm\">Remove</button></div></div><span class=\"pr\">£84</span></li>\n</ul>"
    },
    {
      "key": "summary",
      "name": "Summary column",
      "html": "\n<aside class=\"sum\">\n  <h2>Summary</h2>\n  <dl><div><dt>Items</dt><dd>£388.00</dd></div><div><dt>Delivery</dt><dd>Free</dd></div><div><dt>Estimated VAT</dt><dd>£77.60</dd></div></dl>\n  <div class=\"tot\"><span>Total</span><b>£465.60</b></div>\n  <label class=\"split\"><input type=\"checkbox\"> Ship in-stock items separately, at no extra cost</label>\n  <button type=\"button\" class=\"go\">Continue to checkout</button>\n  <p class=\"fine\">Made-to-order pieces are charged when they ship, not today.</p>\n</aside>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "curated-catalog-cart-review",
    "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-cart-review.json",
  "structure": "Two columns at 1fr/320px; line items are 96px-thumb rows carrying a lead-time chip, and the summary column sticks with the total pinned to its base.",
  "html": "<div class=\"dz dz-curated-catalog-cart-review\" data-design=\"curated-catalog-cart-review\" data-theme=\"curated-catalog\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Bag header\">\n<header class=\"bh\"><h1>Your bag</h1><p>3 items · 2 made to order</p></header></section><div class=\"cols\"><section class=\"dz-mod\" data-mod=\"items\" aria-label=\"Line items\">\n<ul class=\"items\">\n  <li><img src=\"https://designlookbook.dev/assets/img/curated-catalog-object.webp\" alt=\"A brass and walnut object photographed against warm white\"><div class=\"it\"><h3>Turned Walnut and Brass Bowl</h3><p>Kilcarn Studio · Oiled</p><span class=\"lead made\">Made to order · 3–4 weeks</span><div class=\"qty\"><button type=\"button\" aria-label=\"Decrease\">−</button><span>1</span><button type=\"button\" aria-label=\"Increase\">+</button><button type=\"button\" class=\"rm\">Remove</button></div></div><span class=\"pr\">£186</span></li>\n  <li><img src=\"https://designlookbook.dev/assets/img/curated-catalog-textile.webp\" alt=\"A folded woven textile with a fine sage and bordeaux stripe\"><div class=\"it\"><h3>Kilcarn Table Runner</h3><p>Undyed wool · 220cm</p><span class=\"lead made\">Made to order · 5 weeks</span><div class=\"qty\"><button type=\"button\" aria-label=\"Decrease\">−</button><span>1</span><button type=\"button\" aria-label=\"Increase\">+</button><button type=\"button\" class=\"rm\">Remove</button></div></div><span class=\"pr\">£118</span></li>\n  <li><img src=\"https://images.unsplash.com/photo-1517849845537-4d257902454a?w=200&h=200&q=70&auto=format&fit=crop\" alt=\"A pug looking at the camera against a bright yellow backdrop\"><div class=\"it\"><h3>Everyday Bowl, Sage</h3><p>In stock, ships Monday</p><span class=\"lead stock\">In stock</span><div class=\"qty\"><button type=\"button\" aria-label=\"Decrease\">−</button><span>2</span><button type=\"button\" aria-label=\"Increase\">+</button><button type=\"button\" class=\"rm\">Remove</button></div></div><span class=\"pr\">£84</span></li>\n</ul></section><section class=\"dz-mod\" data-mod=\"summary\" aria-label=\"Summary column\">\n<aside class=\"sum\">\n  <h2>Summary</h2>\n  <dl><div><dt>Items</dt><dd>£388.00</dd></div><div><dt>Delivery</dt><dd>Free</dd></div><div><dt>Estimated VAT</dt><dd>£77.60</dd></div></dl>\n  <div class=\"tot\"><span>Total</span><b>£465.60</b></div>\n  <label class=\"split\"><input type=\"checkbox\"> Ship in-stock items separately, at no extra cost</label>\n  <button type=\"button\" class=\"go\">Continue to checkout</button>\n  <p class=\"fine\">Made-to-order pieces are charged when they ship, not today.</p>\n</aside></section></div>\n</div>",
  "css": "\n.dz-curated-catalog-cart-review { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px 34px 34px; }\n.dz-curated-catalog-cart-review .bh { padding-bottom: 16px; border-bottom: var(--pv-bw) solid var(--border); margin-bottom: 20px; }\n.dz-curated-catalog-cart-review .bh h1 { font-family: var(--pv-display); font-size: 30px; margin: 0 0 4px; }\n.dz-curated-catalog-cart-review .bh p { margin: 0; font-size: 14px; color: var(--muted-foreground); }\n.dz-curated-catalog-cart-review .cols { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 34px; align-items: start; }\n.dz-curated-catalog-cart-review .items { list-style: none; margin: 0; padding: 0; }\n.dz-curated-catalog-cart-review .items li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 18px; padding: 18px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-curated-catalog-cart-review .items img { width: 96px; height: 96px; object-fit: cover; border-radius: var(--pv-radius); display: block; }\n.dz-curated-catalog-cart-review .it h3 { font-family: var(--pv-display); font-size: 18px; margin: 0 0 3px; }\n.dz-curated-catalog-cart-review .it p { margin: 0 0 8px; font-size: 13px; color: var(--muted-foreground); }\n.dz-curated-catalog-cart-review .lead { display: inline-block; font-size: 11.5px; padding: 3px 10px; border-radius: var(--pv-radius-xl); }\n.dz-curated-catalog-cart-review .made { background: var(--accent); color: var(--accent-foreground); }\n.dz-curated-catalog-cart-review .stock { background: var(--secondary); color: var(--secondary-foreground); }\n.dz-curated-catalog-cart-review .qty { display: flex; align-items: center; gap: 6px; margin-top: 12px; }\n.dz-curated-catalog-cart-review .qty button { font: inherit; font-size: 13px; width: 28px; height: 28px; border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-sm); background: var(--card); color: var(--foreground); cursor: pointer; }\n.dz-curated-catalog-cart-review .qty span { font-size: 14px; min-width: 20px; text-align: center; }\n.dz-curated-catalog-cart-review .qty .rm { width: auto; padding: 0 12px; margin-left: 8px; border: 0; color: var(--muted-foreground); background: none; }\n.dz-curated-catalog-cart-review .qty .rm:hover { color: var(--destructive); }\n.dz-curated-catalog-cart-review .pr { font-family: var(--pv-display); font-size: 19px; }\n.dz-curated-catalog-cart-review .sum { position: sticky; top: 0; background: var(--card); border-radius: var(--pv-radius-xl); padding: 22px 24px; box-shadow: 0 8px 26px color-mix(in srgb, var(--foreground) 10%, transparent); }\n.dz-curated-catalog-cart-review .sum h2 { font-family: var(--pv-display); font-size: 20px; margin: 0 0 14px; }\n.dz-curated-catalog-cart-review .sum dl { margin: 0 0 12px; }\n.dz-curated-catalog-cart-review .sum dl > div { display: flex; justify-content: space-between; padding: 7px 0; font-size: 14px; }\n.dz-curated-catalog-cart-review .sum dt { color: var(--muted-foreground); }\n.dz-curated-catalog-cart-review .sum dd { margin: 0; }\n.dz-curated-catalog-cart-review .tot { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-top: var(--pv-bw) solid var(--border); border-bottom: var(--pv-bw) solid var(--border); }\n.dz-curated-catalog-cart-review .tot span { font-size: 14px; color: var(--muted-foreground); }\n.dz-curated-catalog-cart-review .tot b { font-family: var(--pv-display); font-size: 25px; font-weight: 400; }\n.dz-curated-catalog-cart-review .split { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0; font-size: 13px; line-height: 1.5; color: var(--muted-foreground); cursor: pointer; }\n.dz-curated-catalog-cart-review .split input { accent-color: var(--primary); margin-top: 2px; }\n.dz-curated-catalog-cart-review .go { width: 100%; font: inherit; font-size: 15px; font-weight: 600; padding: 13px; border: 0; border-radius: var(--pv-radius-xl); background: var(--primary); color: var(--primary-foreground); cursor: pointer; transition: transform var(--dur) var(--ease); }\n.dz-curated-catalog-cart-review .go:hover { transform: translateY(-2px); }\n.dz-curated-catalog-cart-review .fine { margin: 12px 0 0; font-size: 12px; line-height: 1.5; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-curated-catalog-cart-review *, .dz-curated-catalog-cart-review *::before, .dz-curated-catalog-cart-review *::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"
}