{
  "id": "rosewater-school-morning",
  "name": "Morning",
  "theme": "rosewater-school",
  "category": "Auth & Onboarding",
  "description": "A one-handed sign-in built for 7:40am: two large pill fields, a very large button, and the children’s names shown before the credentials are even asked for.",
  "layout": "A narrow single column with the two children named at the top as chips, then two pill inputs and a full-width 14px-padded button.",
  "modules": [
    {
      "key": "who",
      "name": "Family greeting",
      "html": "\n<header class=\"nh\"><p class=\"hi\">Good morning</p><h1>Whitlock</h1><div class=\"sib\"><span class=\"ch\">Ines · Bluebell</span><span class=\"ch\">Tobias · Acorn</span></div></header>"
    },
    {
      "key": "form",
      "name": "Sign-in fields",
      "html": "\n<section class=\"fm\"><label><span class=\"l\">Email</span><input value=\"ada@whitlock.family\"></label><label><span class=\"l\">Password</span><input value=\"••••••••••\"></label><button class=\"pri\">Open today</button><a class=\"lk\" href=\"#\">Send me a link instead</a></section>"
    },
    {
      "key": "notice",
      "name": "Room notice",
      "html": "\n<footer class=\"nt\"><img src=\"{{ART leaves}}\" alt=\"{{ARTALT leaves}}\"><div><span class=\"l\">From Bluebell room</span><p>We are collecting conkers, leaves and interesting sticks this week. If you have any at home, send them in — we have run out of the good ones.</p></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "rosewater-school-morning",
    "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-morning.json",
  "structure": "A narrow single column with the two children named at the top as chips, then two pill inputs and a full-width 14px-padded button.",
  "html": "<div class=\"dz dz-rosewater-school-morning\" data-design=\"rosewater-school-morning\" data-theme=\"rosewater-school\">\n<section class=\"dz-mod\" data-mod=\"who\" aria-label=\"Family greeting\">\n<header class=\"nh\"><p class=\"hi\">Good morning</p><h1>Whitlock</h1><div class=\"sib\"><span class=\"ch\">Ines · Bluebell</span><span class=\"ch\">Tobias · Acorn</span></div></header></section>\n<section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Sign-in fields\">\n<section class=\"fm\"><label><span class=\"l\">Email</span><input value=\"ada@whitlock.family\"></label><label><span class=\"l\">Password</span><input value=\"••••••••••\"></label><button class=\"pri\">Open today</button><a class=\"lk\" href=\"#\">Send me a link instead</a></section></section>\n<section class=\"dz-mod\" data-mod=\"notice\" aria-label=\"Room notice\">\n<footer class=\"nt\"><img src=\"https://designlookbook.dev/assets/img/rosewater-school-leaves.webp\" alt=\"Collected leaves and seed heads laid out on blush paper\"><div><span class=\"l\">From Bluebell room</span><p>We are collecting conkers, leaves and interesting sticks this week. If you have any at home, send them in — we have run out of the good ones.</p></div></footer></section>\n</div>",
  "css": "\n.dz-rosewater-school-morning { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 44px 28px; max-width: 440px; }\n.dz-rosewater-school-morning .hi { font-size: 15.5px; font-weight: 600; color: var(--muted-foreground); margin: 0 0 4px; }\n.dz-rosewater-school-morning h1 { font-family: var(--pv-display); font-weight: 600; font-size: 58px; line-height: 1.04; letter-spacing: -.02em; margin: 0; }\n.dz-rosewater-school-morning .sib { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }\n.dz-rosewater-school-morning .ch { background: var(--accent); color: var(--accent-foreground); border-radius: 9999px; padding: 6px 14px; font-size: 11px; font-weight: 700; letter-spacing: .08em; }\n.dz-rosewater-school-morning .fm { margin-top: 32px; }\n.dz-rosewater-school-morning label { display: block; margin-bottom: 16px; }\n.dz-rosewater-school-morning .l { letter-spacing: .08em; font-size: 11px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 6px; }\n.dz-rosewater-school-morning input { display: block; width: 100%; box-sizing: border-box; background: var(--card); border: 1px solid var(--border); border-radius: 9999px; color: var(--foreground); font: inherit; font-size: 16px; padding: 14px 20px; }\n.dz-rosewater-school-morning input:focus { outline: none; border-color: var(--primary); }\n.dz-rosewater-school-morning .pri { width: 100%; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 9999px; padding: 16px; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; margin-top: 6px; }\n.dz-rosewater-school-morning .lk { display: block; text-align: center; margin-top: 14px; color: var(--primary); text-decoration: none; font-size: 15px; font-weight: 600; }\n.dz-rosewater-school-morning .nt { display: flex; gap: 16px; align-items: center; margin-top: 36px; background: var(--card); border: 1px solid var(--border); border-radius: 20px; padding: 16px; }\n.dz-rosewater-school-morning .nt img { width: 88px; height: 88px; object-fit: cover; border-radius: 14px; display: block; flex: none; filter: var(--img-filter); }\n.dz-rosewater-school-morning .nt p { margin: 6px 0 0; font-size: 15px; line-height: 1.6; }\n@media (prefers-reduced-motion: reduce) { .dz-rosewater-school-morning *, .dz-rosewater-school-morning *::before, .dz-rosewater-school-morning *::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"
}