{
  "id": "kunsthalle-collection",
  "name": "Collection",
  "theme": "kunsthalle",
  "category": "Search & Browse",
  "description": "A collection search where results keep their own proportions rather than being cropped square, so a tall painting and a wide drawing look like what they are.",
  "layout": "A 200px filter column on the hang line and a single-column result run; each result is an uncropped image with its wall label below-left.",
  "modules": [
    {
      "key": "q",
      "name": "Search line",
      "html": "\n<header class=\"sq\"><input value=\"marek\"><span class=\"ct\">9 works · 3 artists · 1 exhibition</span></header>"
    },
    {
      "key": "filters",
      "name": "Filters",
      "html": "\n<aside class=\"fl\"><span class=\"k\">Medium</span><ul><li><a class=\"on\" href=\"#\">Sculpture</a></li><li><a href=\"#\">Painting</a></li><li><a href=\"#\">Works on paper</a></li><li><a href=\"#\">Moving image</a></li></ul><span class=\"k\">Acquired</span><ul><li><a href=\"#\">Since 2020</a></li><li><a href=\"#\">2000—2019</a></li><li><a href=\"#\">Before 2000</a></li></ul><span class=\"k\">On display</span><ul><li><a href=\"#\">Currently hung</a></li><li><a href=\"#\">In store</a></li></ul></aside>"
    },
    {
      "key": "results",
      "name": "Result run",
      "html": "\n<section class=\"rs\">\n<figure class=\"wk\"><img src=\"{{ART sculpture}}\" alt=\"{{ARTALT sculpture}}\"><figcaption class=\"lb\"><div class=\"hd\"><span>Artist</span></div><p><b>Iona Marek</b><br>Undercoat (VI), 2025<br>Plaster, pigment, steel armature<br>Acquired 2025 · Gallery 2</p></figcaption></figure>\n<figure class=\"wk\"><img src=\"{{ART detail}}\" alt=\"{{ARTALT detail}}\"><figcaption class=\"lb\"><div class=\"hd\"><span>Artist</span></div><p><b>Iona Marek</b><br>Filled Hole (study), 2025<br>Emulsion and filler on board<br>On loan · Gallery 2</p></figcaption></figure>\n<figure class=\"wk\"><img src=\"{{ART wall}}\" alt=\"{{ARTALT wall}}\"><figcaption class=\"lb\"><div class=\"hd\"><span>Artist</span></div><p><b>Iona Marek</b><br>Ground (I—IX), 2023<br>Nine panels, emulsion on plaster<br>Acquired 2024 · In store</p></figcaption></figure>\n</section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "kunsthalle-collection",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:16:19+09:00",
    "updatedAt": "2026-09-02T01:16:19+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/kunsthalle-collection.json",
  "structure": "A 200px filter column on the hang line and a single-column result run; each result is an uncropped image with its wall label below-left.",
  "html": "<div class=\"dz dz-kunsthalle-collection\" data-design=\"kunsthalle-collection\" data-theme=\"kunsthalle\">\n<section class=\"dz-mod\" data-mod=\"q\" aria-label=\"Search line\">\n<header class=\"sq\"><input value=\"marek\"><span class=\"ct\">9 works · 3 artists · 1 exhibition</span></header></section>\n<section class=\"dz-mod\" data-mod=\"filters\" aria-label=\"Filters\">\n<aside class=\"fl\"><span class=\"k\">Medium</span><ul><li><a class=\"on\" href=\"#\">Sculpture</a></li><li><a href=\"#\">Painting</a></li><li><a href=\"#\">Works on paper</a></li><li><a href=\"#\">Moving image</a></li></ul><span class=\"k\">Acquired</span><ul><li><a href=\"#\">Since 2020</a></li><li><a href=\"#\">2000—2019</a></li><li><a href=\"#\">Before 2000</a></li></ul><span class=\"k\">On display</span><ul><li><a href=\"#\">Currently hung</a></li><li><a href=\"#\">In store</a></li></ul></aside></section>\n<section class=\"dz-mod\" data-mod=\"results\" aria-label=\"Result run\">\n<section class=\"rs\">\n<figure class=\"wk\"><img src=\"https://designlookbook.dev/assets/img/kunsthalle-sculpture.webp\" alt=\"An abstract plaster form on a plain plinth in a grey room\"><figcaption class=\"lb\"><div class=\"hd\"><span>Artist</span></div><p><b>Iona Marek</b><br>Undercoat (VI), 2025<br>Plaster, pigment, steel armature<br>Acquired 2025 · Gallery 2</p></figcaption></figure>\n<figure class=\"wk\"><img src=\"https://designlookbook.dev/assets/img/kunsthalle-detail.webp\" alt=\"Close-up of layered paint on a repainted gallery wall\"><figcaption class=\"lb\"><div class=\"hd\"><span>Artist</span></div><p><b>Iona Marek</b><br>Filled Hole (study), 2025<br>Emulsion and filler on board<br>On loan · Gallery 2</p></figcaption></figure>\n<figure class=\"wk\"><img src=\"https://designlookbook.dev/assets/img/kunsthalle-wall.webp\" alt=\"A tall grey gallery wall with a single soft shadow across it\"><figcaption class=\"lb\"><div class=\"hd\"><span>Artist</span></div><p><b>Iona Marek</b><br>Ground (I—IX), 2023<br>Nine panels, emulsion on plaster<br>Acquired 2024 · In store</p></figcaption></figure>\n</section></section>\n</div>",
  "css": "\n.dz-kunsthalle-collection { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 96px; display: grid; grid-template-columns: 200px 1fr; gap: 96px; align-items: start; }\n.dz-kunsthalle-collection .k { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; margin: 32px 0 10px; }\n.dz-kunsthalle-collection .sq { grid-column: 1 / -1; display: flex; align-items: center; gap: 32px; border-bottom: 1px solid var(--border); padding-bottom: 14px; }\n.dz-kunsthalle-collection .sq input { flex: 1; max-width: 480px; background: transparent; border: 0; border-bottom: 1px solid var(--border); color: var(--foreground); font: inherit; font-family: var(--pv-display); font-weight: 400; font-size: 34px; padding: 4px 0; }\n.dz-kunsthalle-collection .sq input:focus { outline: none; border-bottom-color: var(--accent); }\n.dz-kunsthalle-collection .ct { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; line-height: 1.5; color: var(--muted-foreground); }\n.dz-kunsthalle-collection .fl ul { list-style: none; margin: 0; padding: 0; }\n.dz-kunsthalle-collection .fl a { display: block; padding: 5px 0; color: var(--muted-foreground); text-decoration: none; font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; line-height: 1.5; }\n.dz-kunsthalle-collection .fl a.on { color: var(--foreground); border-bottom: 1px solid var(--accent); }\n.dz-kunsthalle-collection .fl .k:first-child { margin-top: 0; }\n.dz-kunsthalle-collection .wk { margin: 0 0 96px; }\n.dz-kunsthalle-collection .wk img { display: block; max-width: 640px; width: 100%; height: auto; }\n\n.dz-kunsthalle-collection .lb { width: 60%; margin-top: 14px; }\n.dz-kunsthalle-collection .lb .hd { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); border-bottom: 1px solid var(--border); padding-bottom: 5px; margin-bottom: 8px; }\n.dz-kunsthalle-collection .lb p { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; line-height: 1.5; margin: 0; color: var(--muted-foreground); }\n.dz-kunsthalle-collection .lb p b { color: var(--foreground); font-weight: 400; }\n@media (prefers-reduced-motion: reduce) { .dz-kunsthalle-collection *, .dz-kunsthalle-collection *::before, .dz-kunsthalle-collection *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/kunsthalle.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Marcellus:wght@400;500;600;700&family=Albert+Sans:wght@400;500;600;700&family=Fragment+Mono:wght@400;500;600;700&display=swap"
}