{
  "id": "powder-room-reform",
  "name": "Reformulation",
  "theme": "powder-room",
  "category": "Marketing",
  "description": "A campaign page about a reformulation, which proves the point of storing colour as data by showing the old and new discs are identical.",
  "layout": "Two 96px discs side by side under an argument, then a photograph with caption beneath, then a table of what changed with the colour row unchanged.",
  "modules": [
    {
      "key": "head",
      "name": "Argument",
      "html": "\n<header class=\"ah\"><span class=\"k\">Reformulated · March 2026</span><h1>The colour did not change</h1><p>We took the drying alcohol out of eleven matte shades. Wear time went down by about an hour, the feel improved, and the colour is identical — which we can show you, because the colour is a stored value and not a photograph.</p></header>"
    },
    {
      "key": "proof",
      "name": "Before and after discs",
      "html": "\n<section class=\"pf\"><figure><span class=\"dc lg\" style=\"background:#B4515F\"></span><figcaption><b>2024 formula</b><span class=\"cd\">PR-1140 · L 48.2 · C 0.128 · H 18°</span></figcaption></figure><figure><span class=\"dc lg\" style=\"background:#B4515F\"></span><figcaption><b>2026 formula</b><span class=\"cd\">PR-1140 · L 48.2 · C 0.128 · H 18°</span></figcaption></figure><p class=\"nt\">Two discs, same stored value, rendered by the same code. Had we photographed both, they would differ — by the lighting, the lens and the day.</p></section>"
    },
    {
      "key": "photo",
      "name": "Texture plate",
      "html": "\n<figure class=\"ph\"><img src=\"{{ART still}}\" alt=\"{{ARTALT still}}\"><figcaption>The new base, unpigmented. Photographed for texture, which is the only thing a photograph is reliably good for here.</figcaption></figure>"
    },
    {
      "key": "table",
      "name": "What changed",
      "html": "\n<footer class=\"tb\"><span class=\"k\">What actually changed</span>\n<div class=\"rw\"><span>Colour</span><b>Unchanged</b></div>\n<div class=\"rw\"><span>Denatured alcohol</span><b class=\"hi\">Removed</b></div>\n<div class=\"rw\"><span>Wear time, controlled test</span><b class=\"hi\">7.2 h → 6.1 h</b></div>\n<div class=\"rw\"><span>Transfer</span><b class=\"hi\">Slightly increased</b></div>\n<div class=\"rw\"><span>Price</span><b>Unchanged</b></div>\n<div class=\"rw\"><span>Shades affected</span><b>11 of 184</b></div>\n</footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "powder-room-reform",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:32:49+09:00",
    "updatedAt": "2026-09-02T01:32:49+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/powder-room-reform.json",
  "structure": "Two 96px discs side by side under an argument, then a photograph with caption beneath, then a table of what changed with the colour row unchanged.",
  "html": "<div class=\"dz dz-powder-room-reform\" data-design=\"powder-room-reform\" data-theme=\"powder-room\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Argument\">\n<header class=\"ah\"><span class=\"k\">Reformulated · March 2026</span><h1>The colour did not change</h1><p>We took the drying alcohol out of eleven matte shades. Wear time went down by about an hour, the feel improved, and the colour is identical — which we can show you, because the colour is a stored value and not a photograph.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"proof\" aria-label=\"Before and after discs\">\n<section class=\"pf\"><figure><span class=\"dc lg\" style=\"background:#B4515F\"></span><figcaption><b>2024 formula</b><span class=\"cd\">PR-1140 · L 48.2 · C 0.128 · H 18°</span></figcaption></figure><figure><span class=\"dc lg\" style=\"background:#B4515F\"></span><figcaption><b>2026 formula</b><span class=\"cd\">PR-1140 · L 48.2 · C 0.128 · H 18°</span></figcaption></figure><p class=\"nt\">Two discs, same stored value, rendered by the same code. Had we photographed both, they would differ — by the lighting, the lens and the day.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"photo\" aria-label=\"Texture plate\">\n<figure class=\"ph\"><img src=\"https://designlookbook.dev/assets/img/powder-room-still.webp\" alt=\"Plain unlabelled vessels on a mint surface with soft shadows\"><figcaption>The new base, unpigmented. Photographed for texture, which is the only thing a photograph is reliably good for here.</figcaption></figure></section>\n<section class=\"dz-mod\" data-mod=\"table\" aria-label=\"What changed\">\n<footer class=\"tb\"><span class=\"k\">What actually changed</span>\n<div class=\"rw\"><span>Colour</span><b>Unchanged</b></div>\n<div class=\"rw\"><span>Denatured alcohol</span><b class=\"hi\">Removed</b></div>\n<div class=\"rw\"><span>Wear time, controlled test</span><b class=\"hi\">7.2 h → 6.1 h</b></div>\n<div class=\"rw\"><span>Transfer</span><b class=\"hi\">Slightly increased</b></div>\n<div class=\"rw\"><span>Price</span><b>Unchanged</b></div>\n<div class=\"rw\"><span>Shades affected</span><b>11 of 184</b></div>\n</footer></section>\n</div>",
  "css": "\n.dz-powder-room-reform { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 40px 30px; max-width: 860px; }\n.dz-powder-room-reform .k { text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 12px; }\n\n.dz-powder-room-reform .dc { width: 64px; height: 64px; border-radius: 9999px; flex: none; display: block; box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent); }\n.dz-powder-room-reform .dc.sm { width: 40px; height: 40px; }\n.dz-powder-room-reform .dc.lg { width: 96px; height: 96px; }\n.dz-powder-room-reform .dc.kit { outline: 2px solid var(--accent); outline-offset: 3px; }\n.dz-powder-room-reform h1 { font-family: var(--pv-display); font-weight: 400; font-size: 66px; line-height: 1.04; letter-spacing: -.02em; margin: 0 0 14px; }\n.dz-powder-room-reform .ah p { margin: 0 0 32px; font-size: 16px; line-height: 1.62; max-width: 60ch; }\n.dz-powder-room-reform .pf { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 28px; }\n.dz-powder-room-reform .pf figure { margin: 0; display: flex; gap: 18px; align-items: center; }\n.dz-powder-room-reform figcaption b { font-family: var(--pv-display); font-weight: 400; font-size: 19px; font-weight: 400; display: block; margin-bottom: 4px; }\n.dz-powder-room-reform .cd { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .02em; color: var(--muted-foreground); }\n.dz-powder-room-reform .pf .nt { grid-column: 1 / -1; margin: 0; font-size: 14px; line-height: 1.6; color: var(--muted-foreground); max-width: 64ch; }\n.dz-powder-room-reform .ph { margin: 0 0 28px; }\n.dz-powder-room-reform .ph img { width: 100%; height: 300px; object-fit: cover; display: block; border-radius: 18px; filter: var(--img-filter); }\n.dz-powder-room-reform .ph figcaption { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .02em; color: var(--muted-foreground); margin-top: 10px; }\n.dz-powder-room-reform .rw { display: flex; align-items: baseline; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--border); font-size: 14.5px; }\n.dz-powder-room-reform .rw b { margin-left: auto; font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .02em; font-weight: 400; }\n.dz-powder-room-reform .hi { color: var(--primary); }\n@media (prefers-reduced-motion: reduce) { .dz-powder-room-reform *, .dz-powder-room-reform *::before, .dz-powder-room-reform *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/powder-room.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Syne+Mono:wght@400;500;600;700&display=swap"
}