{
  "id": "rosewater-school-welcome",
  "name": "Welcome",
  "theme": "rosewater-school",
  "category": "Landing",
  "description": "A nursery site whose hero is not the building but a child’s first name at display size, demonstrating the system’s own naming rule to prospective families.",
  "layout": "A warm hero image beside a stated first name, then three ruled promises, then a rounded photo strip of making rather than facilities.",
  "modules": [
    {
      "key": "hero",
      "name": "Welcome hero",
      "html": "\n<header class=\"hr\"><div class=\"tx\"><span class=\"l\">Rosewater · a nursery in Kilcarn</span><h1>Ines</h1><p>Every screen a parent sees here starts with their child's name, at this size, before anything else. That is not a design flourish. It is the whole point of the software and most of the point of the nursery.</p><button class=\"pri\">Book a visit</button></div><figure><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"></figure></header>"
    },
    {
      "key": "promises",
      "name": "Three promises",
      "html": "\n<section class=\"pm\"><article><h2>Ordered by time, not importance</h2><p>The day comes to you as it happened — arrival, snack, outdoors, lunch, nap — because a feed sorted by what an algorithm thinks matters is not a day.</p></article><article><h2>Named, not numbered</h2><p>No dashboards, no “recent activity”, no lookup before you can read anything. Your child's name, then the day.</p></article><article><h2>Written by the person who was there</h2><p>Every observation is signed by the adult who made it. If you want to ask about it, you know who to ask.</p></article></section>"
    },
    {
      "key": "strip",
      "name": "Making strip",
      "html": "\n<section class=\"sp\"><figure><img src=\"{{ART paint}}\" alt=\"{{ARTALT paint}}\"><figcaption>Powder paint, mixed badly on purpose</figcaption></figure><figure><img src=\"{{ART table}}\" alt=\"{{ARTALT table}}\"><figcaption>Dough, most of a morning</figcaption></figure><figure><img src=\"{{ART garden}}\" alt=\"{{ARTALT garden}}\"><figcaption>The bit of the garden they planted</figcaption></figure><figure><img src=\"{{ART leaves}}\" alt=\"{{ARTALT leaves}}\"><figcaption>This week's collection</figcaption></figure></section>"
    },
    {
      "key": "visit",
      "name": "Visit bar",
      "html": "\n<footer class=\"vb\"><div><h2>Come at eleven on a Tuesday</h2><p>That is when it is loudest and muddiest, which is when you should see it.</p></div><button class=\"pri\">Book a visit</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "rosewater-school-welcome",
    "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-welcome.json",
  "structure": "A warm hero image beside a stated first name, then three ruled promises, then a rounded photo strip of making rather than facilities.",
  "html": "<div class=\"dz dz-rosewater-school-welcome\" data-design=\"rosewater-school-welcome\" data-theme=\"rosewater-school\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Welcome hero\">\n<header class=\"hr\"><div class=\"tx\"><span class=\"l\">Rosewater · a nursery in Kilcarn</span><h1>Ines</h1><p>Every screen a parent sees here starts with their child's name, at this size, before anything else. That is not a design flourish. It is the whole point of the software and most of the point of the nursery.</p><button class=\"pri\">Book a visit</button></div><figure><img src=\"https://designlookbook.dev/assets/img/rosewater-school-hero.webp\" alt=\"A low table with paint pots and brushes in warm morning light\"></figure></header></section>\n<section class=\"dz-mod\" data-mod=\"promises\" aria-label=\"Three promises\">\n<section class=\"pm\"><article><h2>Ordered by time, not importance</h2><p>The day comes to you as it happened — arrival, snack, outdoors, lunch, nap — because a feed sorted by what an algorithm thinks matters is not a day.</p></article><article><h2>Named, not numbered</h2><p>No dashboards, no “recent activity”, no lookup before you can read anything. Your child's name, then the day.</p></article><article><h2>Written by the person who was there</h2><p>Every observation is signed by the adult who made it. If you want to ask about it, you know who to ask.</p></article></section></section>\n<section class=\"dz-mod\" data-mod=\"strip\" aria-label=\"Making strip\">\n<section class=\"sp\"><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>Powder paint, mixed badly on purpose</figcaption></figure><figure><img src=\"https://designlookbook.dev/assets/img/rosewater-school-table.webp\" alt=\"Small hands pressing dough on a floured table\"><figcaption>Dough, most of a morning</figcaption></figure><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>The bit of the garden they planted</figcaption></figure><figure><img src=\"https://designlookbook.dev/assets/img/rosewater-school-leaves.webp\" alt=\"Collected leaves and seed heads laid out on blush paper\"><figcaption>This week's collection</figcaption></figure></section></section>\n<section class=\"dz-mod\" data-mod=\"visit\" aria-label=\"Visit bar\">\n<footer class=\"vb\"><div><h2>Come at eleven on a Tuesday</h2><p>That is when it is loudest and muddiest, which is when you should see it.</p></div><button class=\"pri\">Book a visit</button></footer></section>\n</div>",
  "css": "\n.dz-rosewater-school-welcome { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-rosewater-school-welcome .l { letter-spacing: .08em; font-size: 11px; font-weight: 700; color: var(--muted-foreground); }\n.dz-rosewater-school-welcome .hr { display: grid; grid-template-columns: 1fr 400px; gap: 40px; align-items: center; padding: 48px 28px; }\n.dz-rosewater-school-welcome h1 { font-family: var(--pv-display); font-weight: 600; font-size: 58px; line-height: 1.04; letter-spacing: -.02em; margin: 0; margin-top: 10px; }\n.dz-rosewater-school-welcome .hr p { margin: 16px 0 24px; font-size: 17px; line-height: 1.66; color: var(--muted-foreground); max-width: 52ch; }\n.dz-rosewater-school-welcome .pri { background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 9999px; padding: 14px 26px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }\n.dz-rosewater-school-welcome .hr figure { margin: 0; }\n.dz-rosewater-school-welcome .hr img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; border-radius: 28px; filter: var(--img-filter); }\n.dz-rosewater-school-welcome .pm { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding: 0 28px 48px; }\n.dz-rosewater-school-welcome .pm article { border-top: 2px solid var(--primary); padding-top: 14px; }\n.dz-rosewater-school-welcome h2 { font-size: 21px; font-weight: 600; margin: 0 0 8px; }\n.dz-rosewater-school-welcome .pm p { margin: 0; font-size: 15.5px; line-height: 1.64; color: var(--muted-foreground); }\n.dz-rosewater-school-welcome .sp { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 0 28px 48px; }\n.dz-rosewater-school-welcome .sp figure { margin: 0; }\n.dz-rosewater-school-welcome .sp img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; border-radius: 14px; filter: var(--img-filter); }\n.dz-rosewater-school-welcome figcaption { letter-spacing: .08em; font-size: 11px; font-weight: 700; color: var(--muted-foreground); margin-top: 8px; }\n.dz-rosewater-school-welcome .vb { display: flex; align-items: center; gap: 28px; margin: 0 28px; padding: 28px 0 48px; border-top: 1px solid var(--border); }\n.dz-rosewater-school-welcome .vb p { margin: 6px 0 0; font-size: 15.5px; color: var(--muted-foreground); }\n.dz-rosewater-school-welcome .vb .pri { margin-left: auto; }\n@media (prefers-reduced-motion: reduce) { .dz-rosewater-school-welcome *, .dz-rosewater-school-welcome *::before, .dz-rosewater-school-welcome *::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"
}