{
  "id": "supper-club-provenance",
  "name": "Provenance",
  "theme": "supper-club",
  "category": "Editorial",
  "description": "A long piece about where the food comes from, with supplier names set as leadered lines inside the prose so the article and the menu share one typography.",
  "layout": "A 58ch reading column with one full-bleed photograph, and supplier lists rendered in the same dotted-leader pattern the menu uses for prices.",
  "modules": [
    {
      "key": "open",
      "name": "Article open",
      "html": "\n<article class=\"ar\"><span class=\"k\">March · a note from the kitchen</span><h1>Six Miles</h1><p class=\"ld\">Everything green on the current menu came from within six miles of this room, which sounds like a boast and is mostly an accident of who happens to farm here.</p></article>"
    },
    {
      "key": "photo",
      "name": "Full-bleed plate",
      "html": "\n<figure class=\"fb\"><img src=\"{{ART table}}\" alt=\"{{ARTALT table}}\"></figure>"
    },
    {
      "key": "body",
      "name": "Body and suppliers",
      "html": "\n<article class=\"ar\"><p>We did not set out with a radius. We set out with a list of people we liked dealing with, and it turned out most of them were close, because the ones who are far away are mostly the ones who are big.</p><p>The wild garlic is the honest exception. It comes from the lane behind the pub and it is picked by whichever of us is least busy at four o'clock, which is a supply chain in the same way that a puddle is a reservoir.</p><h2 class=\"ch\">This Month</h2>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Hogget and lamb</span><span class=\"ld\"></span><span class=\"pz\">Ballyfin, 4 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Plaice, brill, whatever the boat has</span><span class=\"ld\"></span><span class=\"pz\">Kilcarn pier, 1 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Chicory, turnip, forced rhubarb</span><span class=\"ld\"></span><span class=\"pz\">Nendrum, 6 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Ewe's curd and the three cheeses</span><span class=\"ld\"></span><span class=\"pz\">Aughrim, 5 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Wild garlic</span><span class=\"ld\"></span><span class=\"pz\">The lane, 40 yards</span></p></div>\n</article>"
    },
    {
      "key": "end",
      "name": "Sign off",
      "html": "\n<article class=\"ar end\"><p>In August this list will be shorter and the menu will be worse for a fortnight. We will not fill the gap with something flown in; we will just cook less.</p><p class=\"by\">The kitchen</p></article>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "supper-club-provenance",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:20:59+09:00",
    "updatedAt": "2026-09-02T01:20:59+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/supper-club-provenance.json",
  "structure": "A 58ch reading column with one full-bleed photograph, and supplier lists rendered in the same dotted-leader pattern the menu uses for prices.",
  "html": "<div class=\"dz dz-supper-club-provenance\" data-design=\"supper-club-provenance\" data-theme=\"supper-club\">\n<section class=\"dz-mod\" data-mod=\"open\" aria-label=\"Article open\">\n<article class=\"ar\"><span class=\"k\">March · a note from the kitchen</span><h1>Six Miles</h1><p class=\"ld\">Everything green on the current menu came from within six miles of this room, which sounds like a boast and is mostly an accident of who happens to farm here.</p></article></section>\n<section class=\"dz-mod\" data-mod=\"photo\" aria-label=\"Full-bleed plate\">\n<figure class=\"fb\"><img src=\"https://designlookbook.dev/assets/img/supper-club-table.webp\" alt=\"A close view of linen, a glass and a candle on a dark table\"></figure></section>\n<section class=\"dz-mod\" data-mod=\"body\" aria-label=\"Body and suppliers\">\n<article class=\"ar\"><p>We did not set out with a radius. We set out with a list of people we liked dealing with, and it turned out most of them were close, because the ones who are far away are mostly the ones who are big.</p><p>The wild garlic is the honest exception. It comes from the lane behind the pub and it is picked by whichever of us is least busy at four o'clock, which is a supply chain in the same way that a puddle is a reservoir.</p><h2 class=\"ch\">This Month</h2>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Hogget and lamb</span><span class=\"ld\"></span><span class=\"pz\">Ballyfin, 4 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Plaice, brill, whatever the boat has</span><span class=\"ld\"></span><span class=\"pz\">Kilcarn pier, 1 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Chicory, turnip, forced rhubarb</span><span class=\"ld\"></span><span class=\"pz\">Nendrum, 6 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Ewe's curd and the three cheeses</span><span class=\"ld\"></span><span class=\"pz\">Aughrim, 5 mi</span></p></div>\n<div class=\"it\"><p class=\"dish\"><span class=\"nm\">Wild garlic</span><span class=\"ld\"></span><span class=\"pz\">The lane, 40 yards</span></p></div>\n</article></section>\n<section class=\"dz-mod\" data-mod=\"end\" aria-label=\"Sign off\">\n<article class=\"ar end\"><p>In August this list will be shorter and the menu will be worse for a fortnight. We will not fill the gap with something flown in; we will just cook less.</p><p class=\"by\">The kitchen</p></article></section>\n</div>",
  "css": "\n.dz-supper-club-provenance { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 40px 0; }\n.dz-supper-club-provenance .k { text-transform: uppercase; letter-spacing: .22em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n.dz-supper-club-provenance .ar { max-width: 58ch; margin: 0 auto; padding: 0 40px; }\n.dz-supper-club-provenance h1 { font-family: var(--pv-display); font-weight: 300; font-size: 72px; line-height: 1.02; letter-spacing: -.02em; margin: 12px 0 14px; }\n.dz-supper-club-provenance .ld { font-size: 18px; line-height: 1.68; margin: 0 0 20px; }\n.dz-supper-club-provenance .ar p { font-size: 16.5px; line-height: 1.66; margin: 0 0 16px; }\n.dz-supper-club-provenance .fb { margin: 30px 0; }\n.dz-supper-club-provenance .fb img { width: 100%; height: 380px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-supper-club-provenance .ch { text-transform: uppercase; letter-spacing: .22em; font-size: 10.5px; font-weight: 600; text-align: center; margin: 64px 0 30px; color: var(--muted-foreground); border-top: 1px solid var(--border); padding-top: 30px; }\n.dz-supper-club-provenance .it { margin-bottom: 14px; }\n\n.dz-supper-club-provenance .dish { display: flex; align-items: baseline; gap: 10px; }\n.dz-supper-club-provenance .dish .nm { flex: none; }\n.dz-supper-club-provenance .dish .ld { flex: 1; border-bottom: 1px dotted var(--border); transform: translateY(-4px); }\n.dz-supper-club-provenance .dish .pz { flex: none; color: var(--accent); }\n.dz-supper-club-provenance .ds { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--muted-foreground); width: 80%; }\n.dz-supper-club-provenance .dish { font-family: var(--pv-body); font-size: 16.5px; }\n.dz-supper-club-provenance .end { margin-top: 40px; }\n.dz-supper-club-provenance .by { text-transform: uppercase; letter-spacing: .22em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-supper-club-provenance *, .dz-supper-club-provenance *::before, .dz-supper-club-provenance *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/supper-club.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Cardo:wght@400;500;600;700&family=Xanh+Mono:wght@400;500;600;700&display=swap"
}