{
  "id": "violet-hour-lineup",
  "name": "Festival Lineup",
  "theme": "violet-hour",
  "category": "Marketing",
  "description": "A lineup poster where the type size is the billing, so the hierarchy of the bill is legible at a glance without anybody having to read a single name.",
  "layout": "A full-bleed stack of centred uppercase name bands at descending sizes, with a hard-shadowed ticket block breaking into the stack at the third band.",
  "modules": [
    {
      "key": "top",
      "name": "Poster top",
      "html": "\n<header class=\"pt\"><span class=\"k\">14 — 16 August · Kilcarn Fields</span><h1>Violet<br>Hour</h1><span class=\"k\">Three stages · 60 acts · camping included</span></header>"
    },
    {
      "key": "bill",
      "name": "Billing stack",
      "html": "\n<section class=\"bl\">\n  <p class=\"b1\">Nkechi Balogun · Sombra Verde</p>\n  <p class=\"b2\">Fell Runner · Hana Ostrowski · The Quiet Trade · Marisol Duarte</p>\n  <p class=\"b3\">Aldous Reef · Ten Fathom · Ivy Ekwueme · Poor Signal · Blue Radium · Ashgrove</p>\n  <p class=\"b4\">Cormorant · Faro · Nine Volt Heart · Tessellate · Bright Field · Loom · Kestrel Down · Amber Kaur · Steady State · Vitrine · Long Way Round · Halo Pines</p>\n</section>"
    },
    {
      "key": "ticket",
      "name": "Ticket block",
      "html": "\n<aside class=\"tk\"><div><span class=\"k\">Weekend ticket</span><b class=\"pr\">£118</b><span class=\"tc\">On sale 09:00, 4 March</span></div><a class=\"btn\" href=\"#\">Join the queue</a><p class=\"fine\">Payment plan available at checkout. Under-16s free with an adult. Day tickets released in May if any remain.</p></aside>"
    },
    {
      "key": "strip",
      "name": "Photo strip",
      "html": "\n<section class=\"ps\"><img src=\"{{ART crowd}}\" alt=\"{{ARTALT crowd}}\"><img src=\"{{ART haze}}\" alt=\"{{ARTALT haze}}\"><img src=\"{{ART neon}}\" alt=\"{{ARTALT neon}}\"><img src=\"{{ART speaker}}\" alt=\"{{ARTALT speaker}}\"></section>"
    }
  ],
  "moduleCount": 4,
  "reorderable": false,
  "meta": {
    "id": "violet-hour-lineup",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:48:49+09:00",
    "updatedAt": "2026-09-01T23:48:49+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/violet-hour-lineup.json",
  "structure": "A full-bleed stack of centred uppercase name bands at descending sizes, with a hard-shadowed ticket block breaking into the stack at the third band.",
  "html": "<div class=\"dz dz-violet-hour-lineup\" data-design=\"violet-hour-lineup\" data-theme=\"violet-hour\">\n<section class=\"dz-mod\" data-mod=\"top\" aria-label=\"Poster top\">\n<header class=\"pt\"><span class=\"k\">14 — 16 August · Kilcarn Fields</span><h1>Violet<br>Hour</h1><span class=\"k\">Three stages · 60 acts · camping included</span></header></section><section class=\"dz-mod\" data-mod=\"bill\" aria-label=\"Billing stack\">\n<section class=\"bl\">\n  <p class=\"b1\">Nkechi Balogun · Sombra Verde</p>\n  <p class=\"b2\">Fell Runner · Hana Ostrowski · The Quiet Trade · Marisol Duarte</p>\n  <p class=\"b3\">Aldous Reef · Ten Fathom · Ivy Ekwueme · Poor Signal · Blue Radium · Ashgrove</p>\n  <p class=\"b4\">Cormorant · Faro · Nine Volt Heart · Tessellate · Bright Field · Loom · Kestrel Down · Amber Kaur · Steady State · Vitrine · Long Way Round · Halo Pines</p>\n</section></section><section class=\"dz-mod\" data-mod=\"ticket\" aria-label=\"Ticket block\">\n<aside class=\"tk\"><div><span class=\"k\">Weekend ticket</span><b class=\"pr\">£118</b><span class=\"tc\">On sale 09:00, 4 March</span></div><a class=\"btn\" href=\"#\">Join the queue</a><p class=\"fine\">Payment plan available at checkout. Under-16s free with an adult. Day tickets released in May if any remain.</p></aside></section><section class=\"dz-mod\" data-mod=\"strip\" aria-label=\"Photo strip\">\n<section class=\"ps\"><img src=\"https://designlookbook.dev/assets/img/violet-hour-crowd.webp\" alt=\"Silhouetted hands raised against violet stage light\"><img src=\"https://designlookbook.dev/assets/img/violet-hour-haze.webp\" alt=\"Violet and coral haze filling an empty frame\"><img src=\"https://designlookbook.dev/assets/img/violet-hour-neon.webp\" alt=\"A blank neon tube glowing hot pink, curving against a dark wall\"><img src=\"https://designlookbook.dev/assets/img/violet-hour-speaker.webp\" alt=\"A stack of speaker cabinets lit from one side in violet\"></section></section>\n</div>",
  "css": "\n.dz-violet-hour-lineup { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 30px 28px; text-align: center; }\n.dz-violet-hour-lineup .k { text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 700; color: var(--muted-foreground); }\n.dz-violet-hour-lineup h1 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 700; letter-spacing: -.02em; font-size: 70px; line-height: .96; margin: 12px 0; }\n.dz-violet-hour-lineup .bl { margin: 28px 0; }\n.dz-violet-hour-lineup .bl p { margin: 0 0 14px; font-family: var(--pv-display); text-transform: uppercase; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }\n.dz-violet-hour-lineup .b1 { font-size: 42px; color: var(--primary); }\n.dz-violet-hour-lineup .b2 { font-size: 26px; }\n.dz-violet-hour-lineup .b3 { font-size: 18px; }\n.dz-violet-hour-lineup .b4 { font-size: 13px; color: var(--muted-foreground); max-width: 60ch; margin-inline: auto; letter-spacing: .02em; }\n.dz-violet-hour-lineup .tk { display: grid; grid-template-columns: auto auto 1fr; gap: 22px; align-items: center; text-align: left; background: var(--card); border-radius: var(--pv-radius-lg); padding: 22px 26px; border: 2px solid var(--foreground); box-shadow: 5px 5px 0 var(--foreground); max-width: 820px; margin: 0 auto 30px; }\n.dz-violet-hour-lineup .pr { display: block; font-family: var(--pv-mono); font-size: 44px; font-weight: 700; line-height: 1; margin: 6px 0; }\n.dz-violet-hour-lineup .tc { font-family: var(--pv-mono); font-size: 12.5px; background: var(--accent); color: var(--accent-foreground); padding: 4px 10px; border-radius: var(--pv-radius-sm); display: inline-block; }\n.dz-violet-hour-lineup .btn { font-family: var(--pv-display); text-transform: uppercase; font-weight: 700; letter-spacing: -.02em; font-size: 15px; background: var(--primary); color: var(--primary-foreground); padding: 14px 26px; border-radius: var(--pv-radius-md); text-decoration: none; border: 2px solid var(--foreground); box-shadow: 5px 5px 0 var(--foreground); }\n.dz-violet-hour-lineup .fine { margin: 0; font-size: 12px; color: var(--muted-foreground); line-height: 1.5; }\n.dz-violet-hour-lineup .ps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }\n.dz-violet-hour-lineup .ps img { width: 100%; height: 170px; object-fit: cover; display: block; filter: var(--img-filter); border-radius: var(--pv-radius-md); border: 2px solid var(--foreground); box-shadow: 5px 5px 0 var(--foreground); }\n",
  "requiredTheme": "/api/v1/themes/violet-hour.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=Red+Hat+Mono:wght@400;500;600;700&display=swap"
}