{
  "id": "kunsthalle-programme",
  "name": "Programme",
  "theme": "kunsthalle",
  "category": "Landing",
  "description": "The institution’s front page, opening on an empty gallery photograph at its own proportions with the title hung at 96px and one orchid button at the foot.",
  "layout": "A hero image hung from the same 96px line as everything else, then a dated index where each row is one exhibition with the dates in a 140px mono column.",
  "modules": [
    {
      "key": "hero",
      "name": "Opening image",
      "html": "\n<header class=\"hr\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><div class=\"ti\"><span class=\"k\">Currently</span><h1>The Room Repainted Forty Times</h1><p>14 March — 22 June · Galleries 1–3 · Free</p></div></header>"
    },
    {
      "key": "index",
      "name": "Dated index",
      "html": "\n<section class=\"ix\">\n<article><span class=\"dt\">14 Mar — 22 Jun</span><div><h2>The Room Repainted Forty Times</h2><p>Six artists working with the surfaces of institutions.</p></div><span class=\"st\">Open</span></article>\n<article><span class=\"dt\">02 May — 14 Sep</span><div><h2>Teodor Vance: Forty-One Minutes</h2><p>A single work, shown alone, in Gallery 4.</p></div><span class=\"st\">Open</span></article>\n<article><span class=\"dt\">18 Jul — 09 Nov</span><div><h2>Undercoat</h2><p>Iona Marek's first institutional survey.</p></div><span class=\"st soon\">Announced</span></article>\n<article><span class=\"dt\">04 Oct — 25 Jan</span><div><h2>What the Building Wants</h2><p>Twelve commissions responding to the fabric of the Kunsthalle.</p></div><span class=\"st soon\">Announced</span></article>\n</section>"
    },
    {
      "key": "visit",
      "name": "Visit block",
      "html": "\n<section class=\"vs\"><span class=\"k\">Visiting</span><div class=\"cols\"><p>Tuesday to Sunday, 11.00 — 18.00<br>Thursday until 21.00<br>Closed Mondays</p><p>Slade Row<br>Kilcarn KL2 4RN<br>Ten minutes from the station on foot</p><p>Entry to all galleries is free.<br>The building is fully accessible.<br>Assistance dogs welcome.</p></div><button class=\"pri\">Become a member</button></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "kunsthalle-programme",
    "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-programme.json",
  "structure": "A hero image hung from the same 96px line as everything else, then a dated index where each row is one exhibition with the dates in a 140px mono column.",
  "html": "<div class=\"dz dz-kunsthalle-programme\" data-design=\"kunsthalle-programme\" data-theme=\"kunsthalle\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Opening image\">\n<header class=\"hr\"><img src=\"https://designlookbook.dev/assets/img/kunsthalle-hero.webp\" alt=\"An empty gallery room with a polished concrete floor and one high window\"><div class=\"ti\"><span class=\"k\">Currently</span><h1>The Room Repainted Forty Times</h1><p>14 March — 22 June · Galleries 1–3 · Free</p></div></header></section>\n<section class=\"dz-mod\" data-mod=\"index\" aria-label=\"Dated index\">\n<section class=\"ix\">\n<article><span class=\"dt\">14 Mar — 22 Jun</span><div><h2>The Room Repainted Forty Times</h2><p>Six artists working with the surfaces of institutions.</p></div><span class=\"st\">Open</span></article>\n<article><span class=\"dt\">02 May — 14 Sep</span><div><h2>Teodor Vance: Forty-One Minutes</h2><p>A single work, shown alone, in Gallery 4.</p></div><span class=\"st\">Open</span></article>\n<article><span class=\"dt\">18 Jul — 09 Nov</span><div><h2>Undercoat</h2><p>Iona Marek's first institutional survey.</p></div><span class=\"st soon\">Announced</span></article>\n<article><span class=\"dt\">04 Oct — 25 Jan</span><div><h2>What the Building Wants</h2><p>Twelve commissions responding to the fabric of the Kunsthalle.</p></div><span class=\"st soon\">Announced</span></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"visit\" aria-label=\"Visit block\">\n<section class=\"vs\"><span class=\"k\">Visiting</span><div class=\"cols\"><p>Tuesday to Sunday, 11.00 — 18.00<br>Thursday until 21.00<br>Closed Mondays</p><p>Slade Row<br>Kilcarn KL2 4RN<br>Ten minutes from the station on foot</p><p>Entry to all galleries is free.<br>The building is fully accessible.<br>Assistance dogs welcome.</p></div><button class=\"pri\">Become a member</button></section></section>\n</div>",
  "css": "\n.dz-kunsthalle-programme { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 96px 96px; }\n.dz-kunsthalle-programme .k { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); }\n.dz-kunsthalle-programme .hr { padding-top: 96px; margin-bottom: 96px; }\n.dz-kunsthalle-programme .hr img { display: block; width: 100%; max-width: 900px; height: auto; }\n.dz-kunsthalle-programme .ti { margin-top: 32px; }\n.dz-kunsthalle-programme h1 { font-family: var(--pv-display); font-weight: 400; font-size: 64px; line-height: 1.06; letter-spacing: -.02em; margin: 12px 0 14px; max-width: 20ch; }\n.dz-kunsthalle-programme .ti 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-programme .ix { margin-bottom: 96px; }\n.dz-kunsthalle-programme .ix article { display: grid; grid-template-columns: 140px 1fr 120px; gap: 32px; align-items: baseline; padding: 32px 0; border-bottom: 1px solid var(--border); }\n.dz-kunsthalle-programme .dt { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .02em; line-height: 1.5; color: var(--muted-foreground); }\n.dz-kunsthalle-programme h2 { font-family: var(--pv-display); font-weight: 400; font-size: 34px; line-height: 1.18; margin: 0 0 8px; }\n.dz-kunsthalle-programme .ix p { font-size: 15.5px; font-weight: 300; line-height: 1.68; margin: 0; color: var(--muted-foreground); }\n.dz-kunsthalle-programme .st { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--accent); border-bottom: 1px solid var(--accent); padding-bottom: 3px; justify-self: start; }\n.dz-kunsthalle-programme .st.soon { color: var(--muted-foreground); border-bottom-color: var(--border); }\n.dz-kunsthalle-programme .cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 14px 0 32px; max-width: 900px; }\n.dz-kunsthalle-programme .cols 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-programme .pri { background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 0; padding: 13px 24px; font: inherit; text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-kunsthalle-programme *, .dz-kunsthalle-programme *::before, .dz-kunsthalle-programme *::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"
}