{
  "id": "sleeve-notes-catalogue",
  "name": "Catalogue",
  "theme": "sleeve-notes",
  "category": "Commerce",
  "description": "The label’s releases in a four-up square grid where every cell is exactly the same height, with catalogue numbers in mono and formats as accent-text badges.",
  "layout": "A 4-up grid of 1:1 sleeves at 18px gutters; no cell is ever taller than another because nothing in the cell can wrap beyond two lines.",
  "modules": [
    {
      "key": "head",
      "name": "Catalogue header",
      "html": "\n<header class=\"ch\"><span class=\"k\">Slade Row Recordings</span><h1>Catalogue</h1><p>Forty-one releases since 2016. Everything in print is pressed in Kilcarn; everything out of print stays on this page with the sleeve intact.</p></header>"
    },
    {
      "key": "grid",
      "name": "Release grid",
      "html": "\n<section class=\"gd\">\n<article><figure class=\"sl\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"></figure><h2>Undercoat</h2><p class=\"ar\">Iona Marek</p><p class=\"mt\"><span class=\"cat\">SRR-041</span> <span class=\"fmt\">LP</span></p></article>\n<article><figure class=\"sl\"><img src=\"{{ART press}}\" alt=\"{{ARTALT press}}\"></figure><h2>Ground Loop</h2><p class=\"ar\">Teodor Vance</p><p class=\"mt\"><span class=\"cat\">SRR-040</span> <span class=\"fmt\">12&quot;</span></p></article>\n<article><figure class=\"sl\"><img src=\"{{ART gear}}\" alt=\"{{ARTALT gear}}\"></figure><h2>Forty-One Minutes</h2><p class=\"ar\">Teodor Vance</p><p class=\"mt\"><span class=\"cat\">SRR-038</span> <span class=\"fmt\">Digital</span></p></article>\n<article><figure class=\"sl lbx\"><img src=\"{{ART crowd}}\" alt=\"{{ARTALT crowd}}\"></figure><h2>Kilcarn Tapes, Vol. 2</h2><p class=\"ar\">Various</p><p class=\"mt\"><span class=\"cat\">SRR-036</span> <span class=\"fmt\">Reissue</span></p></article>\n<article><figure class=\"sl\"><img src=\"{{ART studio}}\" alt=\"{{ARTALT studio}}\"></figure><h2>Room Tone</h2><p class=\"ar\">Nuala Rennick</p><p class=\"mt\"><span class=\"cat\">SRR-034</span> <span class=\"fmt\">LP</span></p></article>\n<article><figure class=\"sl\"><img src=\"{{ART press}}\" alt=\"{{ARTALT press}}\"></figure><h2>Skirting</h2><p class=\"ar\">Iona Marek</p><p class=\"mt\"><span class=\"cat\">SRR-031</span> <span class=\"fmt\">Out of print</span></p></article>\n<article><figure class=\"sl\"><img src=\"{{ART gear}}\" alt=\"{{ARTALT gear}}\"></figure><h2>Slade Row Sessions</h2><p class=\"ar\">Various</p><p class=\"mt\"><span class=\"cat\">SRR-029</span> <span class=\"fmt\">2×LP</span></p></article>\n<article><figure class=\"sl\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"></figure><h2>Filled Hole</h2><p class=\"ar\">Iona Marek</p><p class=\"mt\"><span class=\"cat\">SRR-027</span> <span class=\"fmt\">7&quot;</span></p></article>\n</section>"
    },
    {
      "key": "note",
      "name": "Pressing note",
      "html": "\n<footer class=\"pn\"><span class=\"k\">On the letterboxing</span><p>Two sleeves in this grid are not square — one is a cassette insert and one a CD digipak. They are letterboxed onto the ground rather than cropped to fit, because a cropped sleeve is a damaged sleeve.</p></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "sleeve-notes-catalogue",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:23:14+09:00",
    "updatedAt": "2026-09-02T01:23:14+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/sleeve-notes-catalogue.json",
  "structure": "A 4-up grid of 1:1 sleeves at 18px gutters; no cell is ever taller than another because nothing in the cell can wrap beyond two lines.",
  "html": "<div class=\"dz dz-sleeve-notes-catalogue\" data-design=\"sleeve-notes-catalogue\" data-theme=\"sleeve-notes\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Catalogue header\">\n<header class=\"ch\"><span class=\"k\">Slade Row Recordings</span><h1>Catalogue</h1><p>Forty-one releases since 2016. Everything in print is pressed in Kilcarn; everything out of print stays on this page with the sleeve intact.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"grid\" aria-label=\"Release grid\">\n<section class=\"gd\">\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-hero.webp\" alt=\"Abstract violet and magenta shapes printed on cream stock\"></figure><h2>Undercoat</h2><p class=\"ar\">Iona Marek</p><p class=\"mt\"><span class=\"cat\">SRR-041</span> <span class=\"fmt\">LP</span></p></article>\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-press.webp\" alt=\"A stack of blank cream record sleeves seen from the front\"></figure><h2>Ground Loop</h2><p class=\"ar\">Teodor Vance</p><p class=\"mt\"><span class=\"cat\">SRR-040</span> <span class=\"fmt\">12&quot;</span></p></article>\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-gear.webp\" alt=\"A turntable tonearm on a record, close and warm\"></figure><h2>Forty-One Minutes</h2><p class=\"ar\">Teodor Vance</p><p class=\"mt\"><span class=\"cat\">SRR-038</span> <span class=\"fmt\">Digital</span></p></article>\n<article><figure class=\"sl lbx\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-crowd.webp\" alt=\"A dark crowd lit from behind in magenta\"></figure><h2>Kilcarn Tapes, Vol. 2</h2><p class=\"ar\">Various</p><p class=\"mt\"><span class=\"cat\">SRR-036</span> <span class=\"fmt\">Reissue</span></p></article>\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-studio.webp\" alt=\"A mixing desk in a dim studio with violet light\"></figure><h2>Room Tone</h2><p class=\"ar\">Nuala Rennick</p><p class=\"mt\"><span class=\"cat\">SRR-034</span> <span class=\"fmt\">LP</span></p></article>\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-press.webp\" alt=\"A stack of blank cream record sleeves seen from the front\"></figure><h2>Skirting</h2><p class=\"ar\">Iona Marek</p><p class=\"mt\"><span class=\"cat\">SRR-031</span> <span class=\"fmt\">Out of print</span></p></article>\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-gear.webp\" alt=\"A turntable tonearm on a record, close and warm\"></figure><h2>Slade Row Sessions</h2><p class=\"ar\">Various</p><p class=\"mt\"><span class=\"cat\">SRR-029</span> <span class=\"fmt\">2×LP</span></p></article>\n<article><figure class=\"sl\"><img src=\"https://designlookbook.dev/assets/img/sleeve-notes-hero.webp\" alt=\"Abstract violet and magenta shapes printed on cream stock\"></figure><h2>Filled Hole</h2><p class=\"ar\">Iona Marek</p><p class=\"mt\"><span class=\"cat\">SRR-027</span> <span class=\"fmt\">7&quot;</span></p></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Pressing note\">\n<footer class=\"pn\"><span class=\"k\">On the letterboxing</span><p>Two sleeves in this grid are not square — one is a cassette insert and one a CD digipak. They are letterboxed onto the ground rather than cropped to fit, because a cropped sleeve is a damaged sleeve.</p></footer></section>\n</div>",
  "css": "\n.dz-sleeve-notes-catalogue { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px; }\n.dz-sleeve-notes-catalogue .k { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); }\n.dz-sleeve-notes-catalogue h1 { font-family: var(--pv-display); font-weight: 500; letter-spacing: -.015em; font-size: 68px; line-height: 1.02; letter-spacing: -.025em; margin: 10px 0 10px; }\n.dz-sleeve-notes-catalogue .ch p { margin: 0 0 30px; font-size: 16px; line-height: 1.62; color: var(--muted-foreground); max-width: 62ch; }\n.dz-sleeve-notes-catalogue .gd { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n\n.dz-sleeve-notes-catalogue .sl { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--secondary); box-shadow: 1px 1px 0 0 var(--foreground); }\n.dz-sleeve-notes-catalogue .sl img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-sleeve-notes-catalogue .sl.lbx img { object-fit: contain; }\n.dz-sleeve-notes-catalogue h2 { font-family: var(--pv-display); font-weight: 500; letter-spacing: -.015em; font-size: 20px; line-height: 1.2; margin: 12px 0 2px; }\n.dz-sleeve-notes-catalogue .ar { font-size: 13px; color: var(--muted-foreground); margin: 0 0 6px; }\n.dz-sleeve-notes-catalogue .mt { margin: 0; display: flex; gap: 10px; align-items: baseline; }\n.dz-sleeve-notes-catalogue .cat { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; color: var(--muted-foreground); }\n.dz-sleeve-notes-catalogue .fmt { text-transform: uppercase; letter-spacing: .16em; font-size: 10px; font-weight: 700; color: var(--accent); }\n.dz-sleeve-notes-catalogue .pn { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--border); }\n.dz-sleeve-notes-catalogue .pn p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--muted-foreground); max-width: 66ch; }\n@media (prefers-reduced-motion: reduce) { .dz-sleeve-notes-catalogue *, .dz-sleeve-notes-catalogue *::before, .dz-sleeve-notes-catalogue *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/sleeve-notes.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&family=Epilogue:wght@400;500;600;700&family=Chivo+Mono:wght@400;500;600;700&display=swap"
}