@tryvitris/website-harness 0.0.0-stage → 0.1.0-beta.6

package/design-system/compositions/v2/margin-journal/study.json

@@ -0,0 +1,242 @@
+{
+  "id": "margin-journal",
+  "revision": 1,
+  "title": "Margin / annotated reading",
+  "primaryFamily": "editorial",
+  "assetMinimum": "none",
+  "fitSignals": [
+    "real-copy",
+    "type-content",
+    "action",
+    "sparse-media",
+    "collection"
+  ],
+  "visitorTasks": [
+    "read-deeply",
+    "find-article"
+  ],
+  "organizingIdea": "An issue contents list introduces the publication; interior marginal notes support a sustained reading column.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Margin Journal",
+      "issue": "01",
+      "theme": "Reading the ordinary",
+      "essays": [
+        "A room for a paragraph",
+        "What a caption holds",
+        "The pause between pages"
+      ],
+      "restriction": "Fictional publication with original teaching essays; no attributed external author",
+      "contact": "margin@example.test"
+    },
+    "factsHash": "8b7b043dc169db75778163a813e38d726dc43dc7a0f3edcdd70d8703893081f4",
+    "mediaHash": "4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945"
+  },
+  "provenance": {
+    "content": "Original fictional Vitris teaching brief and copy; no customer claims.",
+    "media": "Original inline SVG diagrams and/or text; no external imagery or type assets.",
+    "rights": "Original Vitris teaching material; factual adaptation required for customer use."
+  },
+  "storyboard": {
+    "homepage": [
+      "issue identity",
+      "editor note",
+      "contents",
+      "colophon"
+    ],
+    "interior": [
+      "essay title",
+      "margin note and reading column",
+      "caption/reflection sections",
+      "contents return"
+    ],
+    "mobile": "Issue columns become editor introduction then contents; the margin note precedes the reading passage. Article measure remains readable without decorative imagery."
+  },
+  "designDecisions": "An issue contents list introduces the publication; interior marginal notes support a sustained reading column.",
+  "lessonIds": [
+    "cmp-type-roles",
+    "cmp-text-shape",
+    "cmp-page-rhythm",
+    "cmp-semantic-grouping"
+  ],
+  "referenceIds": [
+    "avery-review",
+    "good-and-common"
+  ],
+  "sourcePath": "margin-journal",
+  "homepage": "/",
+  "interior": "/detail",
+  "status": "compiled and automated/assistant visually reviewed; human preference pending",
+  "humanPreference": null,
+  "renderEvidence": [
+    {
+      "route": "/",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T16:48:49.124Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/margin-journal-home-1440.png",
+        "sha256": "d67228352002fb6f38830e9cd2652b48de11088593a095835f08b8f404861683"
+      },
+      "compiledHash": "945a0c92cef7279b20240e2695e75ee61a100a85b990a448bd4315fdbb159054",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail",
+            "/detail#caption",
+            "/detail#pause"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Desktop/mobile home and interior contact sheets inspected. Issue contents replace promotional sections; marginal note precedes narrow reading column. Title/body measures, section anchors and return-to-contents are clear."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T16:48:50.137Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/margin-journal-home-390.png",
+        "sha256": "aa4e38f35f14cf3aa1ec143614d8ee7d47db20aafa9fc0bf1664891464500d9e"
+      },
+      "compiledHash": "945a0c92cef7279b20240e2695e75ee61a100a85b990a448bd4315fdbb159054",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail",
+            "/detail#caption",
+            "/detail#pause"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Desktop/mobile home and interior contact sheets inspected. Issue contents replace promotional sections; marginal note precedes narrow reading column. Title/body measures, section anchors and return-to-contents are clear."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T16:48:51.231Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/margin-journal-interior-1440.png",
+        "sha256": "72d05587c1aa8f3f102aac723c6e040c314fa8ebd31446063d7331aa5a8bd44e"
+      },
+      "compiledHash": "47f29c68faf9a4d6acb58e75aed07f350e83f627f62dbc443c26d8f4a86b6072",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/",
+            "/"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Desktop/mobile home and interior contact sheets inspected. Issue contents replace promotional sections; marginal note precedes narrow reading column. Title/body measures, section anchors and return-to-contents are clear."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T16:48:52.370Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/margin-journal-interior-390.png",
+        "sha256": "3a82447bbc918d2473de69bdc9a1085402322ffbd285ea2b2a4b76d0557e7934"
+      },
+      "compiledHash": "47f29c68faf9a4d6acb58e75aed07f350e83f627f62dbc443c26d8f4a86b6072",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/",
+            "/"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Desktop/mobile home and interior contact sheets inspected. Issue contents replace promotional sections; marginal note precedes narrow reading column. Title/body measures, section anchors and return-to-contents are clear."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/margin-journal/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#ffffff",
+  "colorText": "#172341",
+  "colorMuted": "#44516b",
+  "colorAccent": "#8b223d",
+  "colorAccentText": "#ffffff",
+  "colorSurface": "#ffffff",
+  "colorSurface2": "#eef0f5",
+  "colorBorder": "#a2adbf",
+  "colorFocus": "#b43d15",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "ui-serif, Georgia, serif",
+  "radius": "0px",
+  "radiusLg": "0px",
+  "maxWidth": "1180px"
+}

package/design-system/compositions/v2/night-orchard/components/study-night-orchard/styles.css

@@ -0,0 +1,2 @@
+.c-study-night-orchard{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-night-orchard h1,.c-study-night-orchard h2,.c-study-night-orchard h3{font-family:var(--font-display);color:inherit}.c-study-night-orchard p,.c-study-night-orchard li{line-height:1.6}.c-study-night-orchard a{color:inherit;text-underline-offset:.2em}.c-study-night-orchard a:focus-visible,.c-study-night-orchard summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-night-orchard img,.c-study-night-orchard svg{max-width:100%;height:auto}.c-study-night-orchard table{border-collapse:collapse;width:100%}.c-study-night-orchard th,.c-study-night-orchard td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-night-orchard .teaching{font-size:.85rem;line-height:1.5}.c-study-night-orchard nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-night-orchard .evening{position:relative;background:var(--color-bg)}.c-study-night-orchard .scene{width:100%}.c-study-night-orchard .scene svg{width:100%;max-height:58rem;object-fit:cover;display:block}.c-study-night-orchard .identity{position:absolute;left:5%;top:7%;color:#fff6dc;text-shadow:0 2px 4px #152d33}.c-study-night-orchard .identity p{font-size:.85rem;letter-spacing:.1em}.c-study-night-orchard h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.8rem,8vw,8rem);line-height:.95;margin:2rem 0}.c-study-night-orchard nav{display:flex;gap:1rem;flex-wrap:wrap}.c-study-night-orchard nav a{background:#fff6dc;color:#152d33;padding:.6rem 1.2rem;text-shadow:none;border-radius:2px}.c-study-night-orchard .invitation{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 7%;align-items:center}.c-study-night-orchard .line{font-family:Georgia,serif;font-size:3.2rem;line-height:1.1!important}.c-study-night-orchard .invitation>p:last-child{max-width:45ch}.c-study-night-orchard .visit-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;background:var(--color-surface-2);padding:2rem 5%;align-items:center}.c-study-night-orchard .visit-strip h2{font-size:1.2rem}.c-study-night-orchard footer{padding:2rem 5%}.c-study-night-orchard .menu-head{padding:2rem 8% 4rem;text-align:center}.c-study-night-orchard .menu-head h1{font-size:clamp(3rem,6vw,6rem)}.c-study-night-orchard .menu-paper{color:#152d33;background:#fff6dc;padding:3rem 5%;max-width:60rem;margin:auto}.c-study-night-orchard .menu-paper h2{font:2rem Georgia,serif;text-align:center;margin-bottom:3rem}.c-study-night-orchard .dish{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;border-bottom:1px solid #82948b;padding:1.5rem 0;align-items:baseline}.c-study-night-orchard .dish h3{font:1.3rem Georgia,serif}.c-study-night-orchard .dish p{margin:0}.c-study-night-orchard .menu-paper>p{max-width:55ch;margin-top:2rem;font-size:.85rem}.c-study-night-orchard .visit-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;padding:5rem 8%}.c-study-night-orchard .visit-detail p{max-width:50ch}@media(max-width:700px){.c-study-night-orchard .evening{display:flex;flex-direction:column}.c-study-night-orchard .scene svg{min-height:24rem;object-fit:cover}.c-study-night-orchard .identity{position:static;padding:1.5rem 1.2rem;text-shadow:none}.c-study-night-orchard .identity h1{font-size:3.6rem;margin:1.2rem 0}.c-study-night-orchard .identity p{letter-spacing:0}.c-study-night-orchard nav{gap:.6rem}.c-study-night-orchard .invitation,.c-study-night-orchard .visit-strip,.c-study-night-orchard .visit-detail{display:block;padding:2rem 1.2rem}.c-study-night-orchard .line{font-size:2.4rem}.c-study-night-orchard .menu-head{padding:2rem 1.2rem}.c-study-night-orchard .menu-paper{margin:0 1rem;padding:2rem 1.2rem}.c-study-night-orchard .dish{grid-template-columns:1fr auto;gap:.5rem}.c-study-night-orchard .dish h3{margin:0}.c-study-night-orchard .dish p{grid-row:2;grid-column:1/3}.c-study-night-orchard .dish span{grid-column:2;grid-row:1;font-size:.85rem}.c-study-night-orchard footer{padding:2rem 1.2rem}}

package/design-system/compositions/v2/night-orchard/components/study-night-orchard/template.html

@@ -0,0 +1 @@
+<div class="c-study-night-orchard"><slot></slot></div>

package/design-system/compositions/v2/night-orchard/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Night Orchard / evening and visit Detail
+description: A illustrated evening field carries identity and visit tasks; the interior becomes a legible menu sheet and practical access document.
+---
+<study-night-orchard><div class="menu-head"><a href="/">Night Orchard</a><p>Garden supper room</p><h1>Supper<br>in the garden.</h1><a href="#visit">Plan your visit ↓</a></div><section class="menu-paper"><h2>Teaching supper menu</h2><div class="dish"><h3>Roast squash</h3><p>White beans, greens and herbs</p><span>18 teaching units</span></div><div class="dish"><h3>Garden plate</h3><p>Seasonal leaves, grilled bread and house dressing</p><span>14 teaching units</span></div><div class="dish"><h3>Pear pudding</h3><p>Warm pear and oat crumble</p><span>8 teaching units</span></div><p>All prices and dishes are invented teaching content. A customer menu needs current availability, prices and dietary information.</p></section><section class="visit-detail" id="visit"><h2>Visit information</h2><div><h3>Find the room</h3><p>8 Lantern Walk — fictional address.<br>Thursday–Saturday, 18:00–22:00.</p><h3>Access &amp; dietary questions</h3><p>The fictional brief supplies a step-free garden entrance. Real access and dietary suitability must be confirmed with the venue.</p><a href="mailto:orchard@example.test">Ask before arranging a table →</a></div></section><footer><p class="teaching">Original fictional Vitris teaching study. All names, projects, events, prices and operating details are invented. Illustrations are diagrams, not photographs or customer evidence.</p><a href="/">Back to the garden</a> · </footer></study-night-orchard>

package/design-system/compositions/v2/night-orchard/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Night Orchard / evening and visit Home
+description: A illustrated evening field carries identity and visit tasks; the interior becomes a legible menu sheet and practical access document.
+---
+<study-night-orchard><div class="evening"><div class="scene"><svg viewBox="0 0 900 660" role="img" aria-label="Original imagined evening garden dining illustration"><rect width="900" height="660" fill="#152d33"/><circle cx="710" cy="120" r="50" fill="#f4d388"/><path d="M0 510Q230 450 440 520T900 500V660H0Z" fill="#365047"/><path d="M125 660V80M770 660V210M125 80Q340 160 560 60M770 210Q580 240 480 145" fill="none" stroke="#769887" stroke-width="24"/><path d="M0 175Q450 320 900 175" fill="none" stroke="#f4d388" stroke-width="4"/><g fill="#f4d388"><circle cx="180" cy="220" r="12"/><circle cx="360" cy="260" r="12"/><circle cx="540" cy="260" r="12"/><circle cx="720" cy="220" r="12"/></g><ellipse cx="445" cy="500" rx="180" ry="44" fill="#cf8264"/><path d="M330 520V640M560 520V640" stroke="#cf8264" stroke-width="18"/><ellipse cx="445" cy="480" rx="80" ry="18" fill="#f3e5c4"/><text x="25" y="635" fill="#f3e5c4" font-size="18">FICTIONAL GARDEN / ORIGINAL ILLUSTRATION</text></svg></div><div class="identity"><p>Garden supper room / fictional venue</p><h1>NIGHT<br>ORCHARD</h1><nav aria-label="Visit"><a href="/detail">Menu &amp; visit</a><a href="mailto:orchard@example.test">Ask about a table</a></nav></div></div><section class="invitation"><p class="line">A place to stay<br>for the evening.</p><p>Seasonal plates, a garden table and a slower supper. This teaching venue puts the place first, then gives visitors the information needed to plan.</p></section><section class="visit-strip"><h2>Before you arrive</h2><p>Thursday–Saturday<br>18:00–22:00</p><p>8 Lantern Walk<br>Invented location</p><a href="/detail#visit">Read access and visit details →</a></section><footer><p class="teaching">Original fictional Vitris teaching study. All names, projects, events, prices and operating details are invented. Illustrations are diagrams, not photographs or customer evidence.</p></footer></study-night-orchard>

package/design-system/compositions/v2/night-orchard/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Night Orchard / evening and visit \u2014 fictional teaching study",
+  "slug": "night-orchard",
+  "motion": {
+    "strength": "off"
+  }
+}

package/design-system/compositions/v2/night-orchard/study.json

@@ -0,0 +1,247 @@
+{
+  "id": "night-orchard",
+  "revision": 1,
+  "title": "Night Orchard / evening and visit",
+  "primaryFamily": "hospitality",
+  "assetMinimum": "none",
+  "fitSignals": [
+    "location",
+    "action",
+    "comparison",
+    "real-copy",
+    "type-content",
+    "sparse-media"
+  ],
+  "visitorTasks": [
+    "find-location",
+    "book-inquiry",
+    "compare-options"
+  ],
+  "organizingIdea": "A illustrated evening field carries identity and visit tasks; the interior becomes a legible menu sheet and practical access document.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Night Orchard",
+      "offer": "Fictional garden supper room",
+      "address": "8 Lantern Walk, invented location",
+      "hours": "Thursday–Saturday, 18:00–22:00",
+      "menu": [
+        {
+          "dish": "Roast squash",
+          "description": "White beans, greens and herbs",
+          "price": "18 teaching units"
+        },
+        {
+          "dish": "Garden plate",
+          "description": "Seasonal leaves, grilled bread and house dressing",
+          "price": "14 teaching units"
+        },
+        {
+          "dish": "Pear pudding",
+          "description": "Warm pear and oat crumble",
+          "price": "8 teaching units"
+        }
+      ],
+      "access": "Step-free garden entrance in fictional brief; customer verification required",
+      "contact": "orchard@example.test"
+    },
+    "factsHash": "893d665b3db6d6418be7562028e872ab22143fc7f346cd1dc2d0ab2f7d501a3d",
+    "mediaHash": "4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945"
+  },
+  "provenance": {
+    "content": "Original fictional Vitris teaching brief and authored copy; operational details, dimensions and offers are invented and must never populate customer inventories.",
+    "media": "Original inline SVG illustrations authored for this release; no external photographs, branding or type assets.",
+    "rights": "Original Vitris teaching material; factual adaptation required for customer use."
+  },
+  "storyboard": {
+    "homepage": [
+      "evening scene and identity",
+      "invitation",
+      "visit strip"
+    ],
+    "interior": [
+      "menu title",
+      "dish/description/price sheet",
+      "access and hours",
+      "question before booking"
+    ],
+    "mobile": "Illustration precedes identity/task block instead of obscuring it. Menu descriptions move under dish/price; access follows the menu."
+  },
+  "designDecisions": "A illustrated evening field carries identity and visit tasks; the interior becomes a legible menu sheet and practical access document.",
+  "lessonIds": [
+    "cmp-image-art-direction",
+    "cmp-contextual-action",
+    "cmp-narrative-continuity"
+  ],
+  "referenceIds": [
+    "bokman",
+    "big-mamma"
+  ],
+  "sourcePath": "night-orchard",
+  "homepage": "/",
+  "interior": "/detail",
+  "status": "compiled and automated/assistant visually reviewed; human preference pending",
+  "humanPreference": null,
+  "renderEvidence": [
+    {
+      "route": "/",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T18:23:38.960Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/night-orchard-home-1440.png",
+        "sha256": "6b253f8ebed288852c7c9f54d734e2dc6c4aed6c35ec68afd88216ae9d2b0168"
+      },
+      "compiledHash": "e51d915ed9557a37512e3cf8ca440fb4dc789250b1926044703a807a1e6587f7",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/detail",
+            "/detail#visit"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:25:17.945223+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views visually inspected in contact sheet. Dark illustrated evening scene gives way to short invitation and practical visit strip; narrow identity and actions follow the scene. Interior cream menu sheet preserves dish/description/price relation, moving descriptions below dish/price on narrow. Access and inquiry remain contextual. Some header overlay text crosses branches, but labels/actions remain legible."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:23:40.025Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/night-orchard-home-390.png",
+        "sha256": "4e97cc97e262a630fdcb70e846d655d0445d79f97512bb10e265ba13b8b5b2fa"
+      },
+      "compiledHash": "e51d915ed9557a37512e3cf8ca440fb4dc789250b1926044703a807a1e6587f7",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/detail",
+            "/detail#visit"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:25:17.945223+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views visually inspected in contact sheet. Dark illustrated evening scene gives way to short invitation and practical visit strip; narrow identity and actions follow the scene. Interior cream menu sheet preserves dish/description/price relation, moving descriptions below dish/price on narrow. Access and inquiry remain contextual. Some header overlay text crosses branches, but labels/actions remain legible."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T18:23:41.156Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/night-orchard-interior-1440.png",
+        "sha256": "28d4b7710f4e7138af479074e57f3e0027314a9a8098e8fb6cc3e437b0801a40"
+      },
+      "compiledHash": "9f6f44c0a111533dbc61540100cd506f9a77a9ce5363c890adc0b1a1c22da38d",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:25:17.945223+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views visually inspected in contact sheet. Dark illustrated evening scene gives way to short invitation and practical visit strip; narrow identity and actions follow the scene. Interior cream menu sheet preserves dish/description/price relation, moving descriptions below dish/price on narrow. Access and inquiry remain contextual. Some header overlay text crosses branches, but labels/actions remain legible."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:23:42.212Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/night-orchard-interior-390.png",
+        "sha256": "f0a57a0c47a21eb40d4f6d037a680ca47a2f9b815160dbe04c8dac2b7af8dcc8"
+      },
+      "compiledHash": "9f6f44c0a111533dbc61540100cd506f9a77a9ce5363c890adc0b1a1c22da38d",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:25:17.945223+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views visually inspected in contact sheet. Dark illustrated evening scene gives way to short invitation and practical visit strip; narrow identity and actions follow the scene. Interior cream menu sheet preserves dish/description/price relation, moving descriptions below dish/price on narrow. Access and inquiry remain contextual. Some header overlay text crosses branches, but labels/actions remain legible."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/night-orchard/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#152d33",
+  "colorText": "#fff6dc",
+  "colorMuted": "#e1d6bb",
+  "colorAccent": "#fff6dc",
+  "colorAccentText": "#152d33",
+  "colorSurface": "#152d33",
+  "colorSurface2": "#27433b",
+  "colorBorder": "#769887",
+  "colorFocus": "#ffbf64",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "Georgia, serif",
+  "radius": "0px",
+  "radiusLg": "0px",
+  "maxWidth": "1180px"
+}