{
  "id": "midnight-reel-archive",
  "name": "Print Archive",
  "theme": "midnight-reel",
  "category": "Search & Browse",
  "description": "Eleven hundred prints in a hairline table you can actually read, where the format column is the reason anybody came here.",
  "layout": "A single dense table with no thumbnails at all, a sticky filter row set as plain text links rather than chips, and the format column right-aligned in mono as the only structural highlight.",
  "modules": [
    {
      "key": "head",
      "name": "Archive header",
      "html": "\n<header class=\"hd\"><h1>The print archive</h1><p>Every element we hold or can borrow. Availability is checked the morning a request comes in.</p></header>"
    },
    {
      "key": "filters",
      "name": "Filter line",
      "html": "\n<div class=\"fl\"><span class=\"k\">Format</span><a class=\"on\" href=\"#\">All</a><a href=\"#\">35mm</a><a href=\"#\">16mm</a><a href=\"#\">70mm</a><a href=\"#\">DCP</a><span class=\"sep\"></span><span class=\"k\">Decade</span><a href=\"#\">1920s</a><a href=\"#\">1950s</a><a class=\"on\" href=\"#\">1970s</a><a href=\"#\">1990s</a><span class=\"ct\">214 elements</span></div>"
    },
    {
      "key": "table",
      "name": "Print table",
      "html": "\n<table>\n  <thead><tr><th>Title</th><th>Director</th><th>Year</th><th>Runtime</th><th class=\"r\">Format</th><th class=\"r\">Condition</th></tr></thead>\n  <tbody>\n    <tr><td>Stalker</td><td>Andrei Tarkovsky</td><td>1979</td><td>161′</td><td class=\"r\">35mm</td><td class=\"r ok\">Good</td></tr>\n    <tr><td>The Conversation</td><td>Francis Ford Coppola</td><td>1974</td><td>113′</td><td class=\"r\">35mm</td><td class=\"r ok\">Good</td></tr>\n    <tr><td>Daguerréotypes</td><td>Agnès Varda</td><td>1976</td><td>80′</td><td class=\"r\">16mm</td><td class=\"r fa\">Fair</td></tr>\n    <tr><td>Solaris</td><td>Andrei Tarkovsky</td><td>1972</td><td>167′</td><td class=\"r\">70mm</td><td class=\"r ok\">Excellent</td></tr>\n    <tr><td>Chinatown</td><td>Roman Polanski</td><td>1974</td><td>130′</td><td class=\"r\">35mm</td><td class=\"r fa\">Fair</td></tr>\n    <tr><td>Céline and Julie Go Boating</td><td>Jacques Rivette</td><td>1974</td><td>193′</td><td class=\"r\">16mm</td><td class=\"r ok\">Good</td></tr>\n    <tr><td>The Passenger</td><td>Michelangelo Antonioni</td><td>1975</td><td>126′</td><td class=\"r\">35mm</td><td class=\"r po\">Poor</td></tr>\n    <tr><td>Nashville</td><td>Robert Altman</td><td>1975</td><td>160′</td><td class=\"r\">35mm</td><td class=\"r ok\">Good</td></tr>\n  </tbody>\n</table>"
    },
    {
      "key": "note",
      "name": "Loan note",
      "html": "\n<footer class=\"nt\"><span class=\"k\">Loans</span><p>We lend to programmed screenings only, never to festivals we are not part of. Shipping is at cost. A projectionist's report comes back with every element or the next request is declined.</p></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "midnight-reel-archive",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:45:54+09:00",
    "updatedAt": "2026-09-01T19:45:54+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/midnight-reel-archive.json",
  "structure": "A single dense table with no thumbnails at all, a sticky filter row set as plain text links rather than chips, and the format column right-aligned in mono as the only structural highlight.",
  "html": "<div class=\"dz dz-midnight-reel-archive\" data-design=\"midnight-reel-archive\" data-theme=\"midnight-reel\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Archive header\">\n<header class=\"hd\"><h1>The print archive</h1><p>Every element we hold or can borrow. Availability is checked the morning a request comes in.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"filters\" aria-label=\"Filter line\">\n<div class=\"fl\"><span class=\"k\">Format</span><a class=\"on\" href=\"#\">All</a><a href=\"#\">35mm</a><a href=\"#\">16mm</a><a href=\"#\">70mm</a><a href=\"#\">DCP</a><span class=\"sep\"></span><span class=\"k\">Decade</span><a href=\"#\">1920s</a><a href=\"#\">1950s</a><a class=\"on\" href=\"#\">1970s</a><a href=\"#\">1990s</a><span class=\"ct\">214 elements</span></div></section>\n<section class=\"dz-mod\" data-mod=\"table\" aria-label=\"Print table\">\n<table>\n  <thead><tr><th>Title</th><th>Director</th><th>Year</th><th>Runtime</th><th class=\"r\">Format</th><th class=\"r\">Condition</th></tr></thead>\n  <tbody>\n    <tr><td>Stalker</td><td>Andrei Tarkovsky</td><td>1979</td><td>161′</td><td class=\"r\">35mm</td><td class=\"r ok\">Good</td></tr>\n    <tr><td>The Conversation</td><td>Francis Ford Coppola</td><td>1974</td><td>113′</td><td class=\"r\">35mm</td><td class=\"r ok\">Good</td></tr>\n    <tr><td>Daguerréotypes</td><td>Agnès Varda</td><td>1976</td><td>80′</td><td class=\"r\">16mm</td><td class=\"r fa\">Fair</td></tr>\n    <tr><td>Solaris</td><td>Andrei Tarkovsky</td><td>1972</td><td>167′</td><td class=\"r\">70mm</td><td class=\"r ok\">Excellent</td></tr>\n    <tr><td>Chinatown</td><td>Roman Polanski</td><td>1974</td><td>130′</td><td class=\"r\">35mm</td><td class=\"r fa\">Fair</td></tr>\n    <tr><td>Céline and Julie Go Boating</td><td>Jacques Rivette</td><td>1974</td><td>193′</td><td class=\"r\">16mm</td><td class=\"r ok\">Good</td></tr>\n    <tr><td>The Passenger</td><td>Michelangelo Antonioni</td><td>1975</td><td>126′</td><td class=\"r\">35mm</td><td class=\"r po\">Poor</td></tr>\n    <tr><td>Nashville</td><td>Robert Altman</td><td>1975</td><td>160′</td><td class=\"r\">35mm</td><td class=\"r ok\">Good</td></tr>\n  </tbody>\n</table></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Loan note\">\n<footer class=\"nt\"><span class=\"k\">Loans</span><p>We lend to programmed screenings only, never to festivals we are not part of. Shipping is at cost. A projectionist's report comes back with every element or the next request is declined.</p></footer></section>\n</div>",
  "css": "\n.dz-midnight-reel-archive { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 40px 34px; }\n.dz-midnight-reel-archive .hd { padding: 30px 0 18px; }\n.dz-midnight-reel-archive .hd h1 { font-family: var(--pv-display); font-size: 46px; font-weight: 500; margin: 0 0 10px; }\n.dz-midnight-reel-archive .hd p { font-size: 15px; color: var(--muted-foreground); margin: 0; max-width: 62ch; }\n.dz-midnight-reel-archive .fl { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-top: var(--pv-bw) solid var(--border); border-bottom: var(--pv-bw) solid var(--border); flex-wrap: wrap; }\n.dz-midnight-reel-archive .k { font-size: 11.5px; color: var(--muted-foreground); }\n.dz-midnight-reel-archive .fl a { font-size: 13px; color: var(--muted-foreground); text-decoration: none; padding-bottom: 3px; background-image: linear-gradient(var(--primary), var(--primary)); background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size var(--dur-slow) var(--ease); }\n.dz-midnight-reel-archive .fl a:hover, .dz-midnight-reel-archive .fl a.on { color: var(--primary); background-size: 100% 1px; }\n.dz-midnight-reel-archive .sep { width: 1px; height: 16px; background: var(--border); margin: 0 8px; }\n.dz-midnight-reel-archive .ct { margin-left: auto; font-family: var(--pv-mono); font-size: 11.5px; color: var(--muted-foreground); }\n.dz-midnight-reel-archive table { width: 100%; border-collapse: collapse; }\n.dz-midnight-reel-archive th { font-size: 11.5px; color: var(--muted-foreground); font-weight: 400; text-align: left; padding: 14px 12px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-midnight-reel-archive td { padding: 13px 12px; font-size: 15px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-midnight-reel-archive td:first-child { font-family: var(--pv-display); font-size: 18px; }\n.dz-midnight-reel-archive td:nth-child(2), .dz-midnight-reel-archive td:nth-child(3), .dz-midnight-reel-archive td:nth-child(4) { color: var(--muted-foreground); font-size: 13.5px; }\n.dz-midnight-reel-archive .r { text-align: right; font-family: var(--pv-mono); font-size: 12.5px; }\n.dz-midnight-reel-archive th.r { text-align: right; }\n.dz-midnight-reel-archive .ok { color: var(--primary); } .dz-midnight-reel-archive .fa { color: var(--muted-foreground); } .dz-midnight-reel-archive .po { color: var(--accent); }\n.dz-midnight-reel-archive tbody tr { transition: background var(--dur) var(--ease); }\n.dz-midnight-reel-archive tbody tr:hover { background: color-mix(in srgb, var(--primary) 7%, transparent); }\n.dz-midnight-reel-archive .nt { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; padding-top: 26px; }\n.dz-midnight-reel-archive .nt p { font-size: 14px; line-height: 1.6; color: var(--muted-foreground); margin: 0; max-width: 66ch; }\n@media (prefers-reduced-motion: reduce) { .dz-midnight-reel-archive *, .dz-midnight-reel-archive *::before, .dz-midnight-reel-archive *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/midnight-reel.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Lora:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}