{
  "id": "rosewater-school-letter",
  "name": "Letter Home",
  "theme": "rosewater-school",
  "category": "Editorial",
  "description": "A room newsletter written as a letter, with rounded photographs set into a narrow measure and no uppercase headings anywhere on the page.",
  "layout": "A 62ch column with the room named at display size, photographs at 14px radius inset in the text, and a signed-off closing block.",
  "modules": [
    {
      "key": "head",
      "name": "Letter head",
      "html": "\n<header class=\"lh\"><span class=\"l\">A letter from Bluebell room · March</span><h1>Bluebell</h1><p class=\"from\">From Sam, Priya and Nadia</p></header>"
    },
    {
      "key": "body",
      "name": "Letter body",
      "html": "\n<article class=\"ar\"><p class=\"ld\">The mud kitchen has taken over. We built it in October expecting it to be a winter thing and it has become the centre of the room's social life, which is not what we planned and is much better than what we planned.</p><p>What is actually happening out there is negotiation. Who gets the big pan. Whether the soup is finished. Whether the birds will like it. Three-year-olds working out how to share a limited resource in the cold, for an hour, without an adult adjudicating — this is worth more than almost anything we could have set up indoors.</p><figure><img src=\"{{ART garden}}\" alt=\"{{ARTALT garden}}\"><figcaption>Soup for the birds, left at the fence line and checked on repeatedly</figcaption></figure><p>Indoors we have been mixing colour. Several children have discovered independently that green and pink make brown and have expressed clear disappointment about it. We have not intervened.</p><figure><img src=\"{{ART paint}}\" alt=\"{{ARTALT paint}}\"><figcaption>The disappointing brown, made about forty times</figcaption></figure></article>"
    },
    {
      "key": "asks",
      "name": "Things we need",
      "html": "\n<section class=\"ak\"><h2>Things we could use</h2><ul><li>Conkers, acorns, and any interesting sticks — we have run out</li><li>Old shirts for painting, adult size, we do not mind the state of them</li><li>Empty tins and jars, washed, for the mud kitchen</li></ul></section>"
    },
    {
      "key": "end",
      "name": "Sign off",
      "html": "\n<footer class=\"sf\"><p>Come and see it at pick-up. Bring boots.</p><p class=\"sg\">Sam, Priya and Nadia</p></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "rosewater-school-letter",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:14:26+09:00",
    "updatedAt": "2026-09-02T01:14:26+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/rosewater-school-letter.json",
  "structure": "A 62ch column with the room named at display size, photographs at 14px radius inset in the text, and a signed-off closing block.",
  "html": "<div class=\"dz dz-rosewater-school-letter\" data-design=\"rosewater-school-letter\" data-theme=\"rosewater-school\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Letter head\">\n<header class=\"lh\"><span class=\"l\">A letter from Bluebell room · March</span><h1>Bluebell</h1><p class=\"from\">From Sam, Priya and Nadia</p></header></section>\n<section class=\"dz-mod\" data-mod=\"body\" aria-label=\"Letter body\">\n<article class=\"ar\"><p class=\"ld\">The mud kitchen has taken over. We built it in October expecting it to be a winter thing and it has become the centre of the room's social life, which is not what we planned and is much better than what we planned.</p><p>What is actually happening out there is negotiation. Who gets the big pan. Whether the soup is finished. Whether the birds will like it. Three-year-olds working out how to share a limited resource in the cold, for an hour, without an adult adjudicating — this is worth more than almost anything we could have set up indoors.</p><figure><img src=\"https://designlookbook.dev/assets/img/rosewater-school-garden.webp\" alt=\"A row of small planted pots on a wooden step outdoors\"><figcaption>Soup for the birds, left at the fence line and checked on repeatedly</figcaption></figure><p>Indoors we have been mixing colour. Several children have discovered independently that green and pink make brown and have expressed clear disappointment about it. We have not intervened.</p><figure><img src=\"https://designlookbook.dev/assets/img/rosewater-school-paint.webp\" alt=\"Thick poster paint mixed on a tray in green and pink\"><figcaption>The disappointing brown, made about forty times</figcaption></figure></article></section>\n<section class=\"dz-mod\" data-mod=\"asks\" aria-label=\"Things we need\">\n<section class=\"ak\"><h2>Things we could use</h2><ul><li>Conkers, acorns, and any interesting sticks — we have run out</li><li>Old shirts for painting, adult size, we do not mind the state of them</li><li>Empty tins and jars, washed, for the mud kitchen</li></ul></section></section>\n<section class=\"dz-mod\" data-mod=\"end\" aria-label=\"Sign off\">\n<footer class=\"sf\"><p>Come and see it at pick-up. Bring boots.</p><p class=\"sg\">Sam, Priya and Nadia</p></footer></section>\n</div>",
  "css": "\n.dz-rosewater-school-letter { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 44px 0; }\n.dz-rosewater-school-letter .l { letter-spacing: .08em; font-size: 11px; font-weight: 700; color: var(--muted-foreground); }\n.dz-rosewater-school-letter .lh, .dz-rosewater-school-letter .ar, .dz-rosewater-school-letter .ak, .dz-rosewater-school-letter .sf { max-width: 62ch; margin: 0 auto; padding: 0 28px; }\n.dz-rosewater-school-letter h1 { font-family: var(--pv-display); font-weight: 600; font-size: 58px; line-height: 1.04; letter-spacing: -.02em; margin: 0; margin: 10px 0 6px; }\n.dz-rosewater-school-letter .from { font-size: 13.5px; font-weight: 600; color: var(--muted-foreground); margin: 0 0 24px; }\n.dz-rosewater-school-letter .ld { font-size: 17px; line-height: 1.66; margin: 0 0 16px; }\n.dz-rosewater-school-letter .ar p { font-size: 15.5px; line-height: 1.66; margin: 0 0 16px; }\n.dz-rosewater-school-letter .ar figure { margin: 20px 0; }\n.dz-rosewater-school-letter .ar img { width: 100%; height: 280px; object-fit: cover; display: block; border-radius: 14px; filter: var(--img-filter); }\n.dz-rosewater-school-letter figcaption { letter-spacing: .08em; font-size: 11px; font-weight: 700; color: var(--muted-foreground); margin-top: 8px; }\n.dz-rosewater-school-letter h2 { font-size: 21px; font-weight: 600; margin: 24px 0 8px; }\n.dz-rosewater-school-letter ul { margin: 0; padding-left: 20px; }\n.dz-rosewater-school-letter li { font-size: 15.5px; line-height: 1.7; }\n.dz-rosewater-school-letter .sf { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--border); }\n.dz-rosewater-school-letter .sf p { margin: 0 0 8px; font-size: 15.5px; line-height: 1.64; }\n.dz-rosewater-school-letter .sg { font-family: var(--pv-display); font-weight: 600; font-size: 21px; color: var(--primary); }\n@media (prefers-reduced-motion: reduce) { .dz-rosewater-school-letter *, .dz-rosewater-school-letter *::before, .dz-rosewater-school-letter *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/rosewater-school.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&family=Nanum+Gothic+Coding:wght@400;500;600;700&display=swap"
}