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

package/design-system/compositions/v2/hearth-plane/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Hearth Plane / project threshold Detail
+description: A persistent practice margin gives most of the opening to a project elevation; the interior develops constraints before design decisions.
+---
+<study-hearth-plane><nav class="project-nav" aria-label="Project"><a href="/">← Hearth Plane / studies</a><a href="#decisions">Design decisions</a></nav><div class="project-head"><p>01 / Fictional concept study</p><h1>Courtyard.<br>Shared threshold.</h1><dl><div><dt>Scale</dt><dd>Small building</dd></div><div><dt>Scope</dt><dd>Shaded court and shared edge</dd></div><div><dt>Status</dt><dd>Teaching concept</dd></div></dl></div><figure class="elevation"><svg viewBox="0 0 1000 620" role="img" aria-label="Invented courtyard project elevation diagram"><rect width="1000" height="620" fill="#d9e5e2"/><path d="M80 520L270 160H830L960 520Z" fill="#9fa99a"/><path d="M160 520V285L490 190L750 300V520Z" fill="#efebe1" stroke="#203b32" stroke-width="4"/><path d="M490 190V520M160 285L420 380L750 300" fill="none" stroke="#203b32" stroke-width="4"/><path d="M260 340V470H380V385M525 330H685V470H525Z" fill="#526f65"/><path d="M40 550H970" stroke="#203b32" stroke-width="4"/><text x="45" y="590" font-size="20" fill="#203b32">COURTYARD / ORIGINAL TEACHING DIAGRAM</text></svg><figcaption>Illustrated concept. No actual site, dimensions or built outcome are asserted.</figcaption></figure><section class="decisions" id="decisions"><h2>Begin with the shared edge.</h2><div><p>The courtyard is a pause between everyday rooms. The threshold makes that pause legible before anyone enters a room.</p><h3>Shade, then enclosure.</h3><p>A sheltered edge organizes the concept. The drawing communicates that relationship; it does not establish building performance.</p><h3>Keep the route readable.</h3><p>In a customer project, circulation, access and dimensions need verified site information and professional design review.</p></div></section><footer><a href="/">Return to the studies →</a><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-hearth-plane>

package/design-system/compositions/v2/hearth-plane/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Hearth Plane / project threshold Home
+description: A persistent practice margin gives most of the opening to a project elevation; the interior develops constraints before design decisions.
+---
+<study-hearth-plane><div class="practice"><a class="name" href="/">HEARTH<br>PLANE</a><p>Architecture for small buildings.<br>Projects are the starting point.</p><nav aria-label="Practice"><a href="/detail">Courtyard study</a><a href="mailto:hearth@example.test">Contact</a></nav></div><div class="project-field"><figure><svg viewBox="0 0 1000 620" role="img" aria-label="Invented courtyard project elevation diagram"><rect width="1000" height="620" fill="#d9e5e2"/><path d="M80 520L270 160H830L960 520Z" fill="#9fa99a"/><path d="M160 520V285L490 190L750 300V520Z" fill="#efebe1" stroke="#203b32" stroke-width="4"/><path d="M490 190V520M160 285L420 380L750 300" fill="none" stroke="#203b32" stroke-width="4"/><path d="M260 340V470H380V385M525 330H685V470H525Z" fill="#526f65"/><path d="M40 550H970" stroke="#203b32" stroke-width="4"/><text x="45" y="590" font-size="20" fill="#203b32">COURTYARD / ORIGINAL TEACHING DIAGRAM</text></svg><figcaption>01 / Courtyard study — fictional concept</figcaption></figure><div class="project-caption"><h1>A shared threshold.</h1><p>One court connects the everyday rooms around it. Inspect the concept, its constraints and the decisions that give the shared edge a purpose.</p><a href="/detail">Read the courtyard study →</a></div></div><section class="index"><h2>Other studies</h2><div><h3>Workshop canopy</h3><p>A sheltered edge for work outside.</p></div><div><h3>Reading annex</h3><p>A quieter room beside a shared entrance.</p></div></section><footer><p>For a first conversation: describe the place, who uses it and what needs to change.</p><a href="mailto:hearth@example.test">Start a project conversation</a><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-hearth-plane>

package/design-system/compositions/v2/hearth-plane/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Hearth Plane / project threshold \u2014 fictional teaching study",
+  "slug": "hearth-plane",
+  "motion": {
+    "strength": "off"
+  }
+}

package/design-system/compositions/v2/hearth-plane/study.json

@@ -0,0 +1,238 @@
+{
+  "id": "hearth-plane",
+  "revision": 1,
+  "title": "Hearth Plane / project threshold",
+  "primaryFamily": "swiss",
+  "assetMinimum": "none",
+  "fitSignals": [
+    "professional-service",
+    "inspect-work",
+    "process",
+    "type-content",
+    "real-copy",
+    "action",
+    "sparse-media"
+  ],
+  "visitorTasks": [
+    "inspect-work",
+    "evaluate-service"
+  ],
+  "organizingIdea": "A persistent practice margin gives most of the opening to a project elevation; the interior develops constraints before design decisions.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Hearth Plane",
+      "offer": "Small-building architecture practice",
+      "projects": [
+        "Courtyard study",
+        "Workshop canopy",
+        "Reading annex"
+      ],
+      "projectScope": "A shaded court and a shared threshold",
+      "projectStatus": "Fictional concept study",
+      "contact": "hearth@example.test"
+    },
+    "factsHash": "1c82cc3c52aad5dd5bf400219cd38866454b5e759a9786d52c329d644e0e9148",
+    "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": [
+      "practice margin",
+      "courtyard illustration",
+      "project explanation",
+      "other studies",
+      "conversation preparation"
+    ],
+    "interior": [
+      "project metadata",
+      "elevation",
+      "decisions",
+      "return to studies"
+    ],
+    "mobile": "Practice margin becomes compact identity/task strip before project; project diagram stays above caption and interpretation."
+  },
+  "designDecisions": "A persistent practice margin gives most of the opening to a project elevation; the interior develops constraints before design decisions.",
+  "lessonIds": [
+    "cmp-collection-structure",
+    "cmp-image-sequence",
+    "cmp-responsive-recomposition"
+  ],
+  "referenceIds": [
+    "big",
+    "scullion"
+  ],
+  "sourcePath": "hearth-plane",
+  "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:34.351Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/hearth-plane-home-1440.png",
+        "sha256": "4596a48562e1b56b47c73a5508026c6f4dcfcac34cb4a5dec7d0599dc602e07c"
+      },
+      "compiledHash": "3b3a6cbfcb16ea809a1a712e7281342ad6e56a43675b76cb90b1d3b724c1bb0f",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "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. Wide practice margin and project elevation carry opening; narrow practice tasks precede project and caption. Project metadata and design decisions stay readable at both sizes. The sketch is explicitly invented and has no dimensions/performance claims."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:23:35.443Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/hearth-plane-home-390.png",
+        "sha256": "bcc267d7335f0bdec1247a79061c4596e9817b1bde2e52d3ba6a27132b3afc9a"
+      },
+      "compiledHash": "3b3a6cbfcb16ea809a1a712e7281342ad6e56a43675b76cb90b1d3b724c1bb0f",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "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. Wide practice margin and project elevation carry opening; narrow practice tasks precede project and caption. Project metadata and design decisions stay readable at both sizes. The sketch is explicitly invented and has no dimensions/performance claims."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T18:23:36.598Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/hearth-plane-interior-1440.png",
+        "sha256": "85fc84324227b4a32325d664e1099d34b0e25b1d6721b55b32dab5afbde5e597"
+      },
+      "compiledHash": "943976eb2aa05cdae5af4d51d4780ba7fd06c5e9da45909d5ce188a7d00ec2e5",
+      "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. Wide practice margin and project elevation carry opening; narrow practice tasks precede project and caption. Project metadata and design decisions stay readable at both sizes. The sketch is explicitly invented and has no dimensions/performance claims."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:23:37.743Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/hearth-plane-interior-390.png",
+        "sha256": "8f9b1ebd34bf0707e224628690108d5f4bca9d3cbbea8dd59dcbcf70171cacf7"
+      },
+      "compiledHash": "943976eb2aa05cdae5af4d51d4780ba7fd06c5e9da45909d5ce188a7d00ec2e5",
+      "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. Wide practice margin and project elevation carry opening; narrow practice tasks precede project and caption. Project metadata and design decisions stay readable at both sizes. The sketch is explicitly invented and has no dimensions/performance claims."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/hearth-plane/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#f5f7f4",
+  "colorText": "#203b32",
+  "colorMuted": "#425950",
+  "colorAccent": "#203b32",
+  "colorAccentText": "#ffffff",
+  "colorSurface": "#f5f7f4",
+  "colorSurface2": "#d9e5e2",
+  "colorBorder": "#879c92",
+  "colorFocus": "#b43d15",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "ui-sans-serif, system-ui, sans-serif",
+  "radius": "0px",
+  "radiusLg": "0px",
+  "maxWidth": "1180px"
+}

package/design-system/compositions/v2/lacuna-objects/components/study-lacuna-objects/styles.css

@@ -0,0 +1,2 @@
+.c-study-lacuna-objects{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-lacuna-objects h1,.c-study-lacuna-objects h2,.c-study-lacuna-objects h3{font-family:var(--font-display);color:inherit}.c-study-lacuna-objects p,.c-study-lacuna-objects li{line-height:1.6}.c-study-lacuna-objects a{color:inherit;text-underline-offset:.2em}.c-study-lacuna-objects a:focus-visible,.c-study-lacuna-objects summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-lacuna-objects img,.c-study-lacuna-objects svg{max-width:100%;height:auto}.c-study-lacuna-objects table{border-collapse:collapse;width:100%}.c-study-lacuna-objects th,.c-study-lacuna-objects td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-lacuna-objects .teaching{font-size:.85rem;line-height:1.5}.c-study-lacuna-objects nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-lacuna-objects .quiet-top{display:flex;justify-content:space-between;gap:2rem;padding:2rem 4%}.c-study-lacuna-objects .quiet-top>a{font-size:1rem;letter-spacing:.18em;text-decoration:none;line-height:1.2}.c-study-lacuna-objects nav{display:flex;gap:2rem}.c-study-lacuna-objects .object-stage{text-align:center;padding:3rem 8% 5rem}.c-study-lacuna-objects h1{font:400 clamp(2.5rem,4.5vw,5rem)/1.12 Georgia,serif;margin:0 auto;max-width:20ch}.c-study-lacuna-objects figure{margin:0}.c-study-lacuna-objects .object-stage figure{margin:3rem auto 2rem;max-width:70rem}.c-study-lacuna-objects svg{display:block;width:100%}.c-study-lacuna-objects figcaption{font-size:.8rem;color:var(--color-muted)}.c-study-lacuna-objects .object-link{display:inline-block;margin-top:1rem;padding:1rem}.c-study-lacuna-objects .object-note{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 12%;background:var(--color-surface-2)}.c-study-lacuna-objects .object-note>p,.c-study-lacuna-objects .story-lead{font:2.2rem/1.2 Georgia,serif!important}.c-study-lacuna-objects .object-note div{max-width:50ch}.c-study-lacuna-objects footer{padding:3rem 4%;font-size:.85rem}.c-study-lacuna-objects footer .teaching{max-width:60ch}.c-study-lacuna-objects .object-top{display:flex;justify-content:space-between;gap:2rem;padding:2rem 4%}.c-study-lacuna-objects .detail-stage{text-align:center;padding:4rem 8% 1rem}.c-study-lacuna-objects .detail-stage>p{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.c-study-lacuna-objects .detail-stage h1{font-size:5rem}.c-study-lacuna-objects .detail-stage figure{margin:2rem auto;max-width:70rem}.c-study-lacuna-objects .object-story{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 12%}.c-study-lacuna-objects .object-story div{max-width:50ch}.c-study-lacuna-objects .facts{max-width:60rem;margin:auto;padding:3rem 2rem;border-top:1px solid var(--color-border)}.c-study-lacuna-objects .facts h2{font-size:1.2rem}.c-study-lacuna-objects dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin:2rem 0}.c-study-lacuna-objects dt{font-size:.8rem;text-transform:uppercase}.c-study-lacuna-objects dd{margin:.5rem 0}.c-study-lacuna-objects .facts>p{max-width:55ch}@media(max-width:700px){.c-study-lacuna-objects .quiet-top,.c-study-lacuna-objects .object-top{padding:1.5rem 1.2rem;gap:1rem}.c-study-lacuna-objects nav{gap:1rem;flex-wrap:wrap}.c-study-lacuna-objects .object-stage,.c-study-lacuna-objects .detail-stage{padding:3rem 1.2rem}.c-study-lacuna-objects .object-stage figure{margin:2rem 0}.c-study-lacuna-objects h1{font-size:2.8rem}.c-study-lacuna-objects .object-note,.c-study-lacuna-objects .object-story{display:block;padding:2rem 1.2rem}.c-study-lacuna-objects .object-note>p,.c-study-lacuna-objects .story-lead{font-size:1.8rem!important}.c-study-lacuna-objects .facts{padding:2rem 1.2rem}.c-study-lacuna-objects dl{grid-template-columns:1fr;gap:1rem}.c-study-lacuna-objects footer{padding:2rem 1.2rem}}

package/design-system/compositions/v2/lacuna-objects/components/study-lacuna-objects/template.html

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

package/design-system/compositions/v2/lacuna-objects/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Lacuna Objects / quiet object story Detail
+description: The object occupies a centered field beneath restrained identity; the interior changes from isolated form to material facts rather than product-card repetition.
+---
+<study-lacuna-objects><div class="object-top"><a href="/">← Lacuna Objects</a><a href="#facts">Material &amp; dimensions</a></div><div class="detail-stage"><p>Object 01 / fictional collection</p><h1>Arc.</h1><figure><svg viewBox="0 0 1100 570" role="img" aria-label="Original diagram of an invented curved wall shelf"><path d="M180 330Q530 460 940 285L935 335Q530 510 175 380Z" fill="#604e3f"/><path d="M180 330Q530 460 940 285L840 190Q535 300 280 225Z" fill="#b29473"/><path d="M330 363V425M810 340V390" stroke="#604e3f" stroke-width="12"/><path d="M140 475H965" stroke="#b0a89b" stroke-width="1"/><text x="170" y="515" font-size="18" fill="#473d34">ARC / ORIGINAL TEACHING DIAGRAM</text></svg><figcaption>Original diagram; no manufactured object is represented.</figcaption></figure></div><section class="object-story"><p class="story-lead">An edge can change<br>the way a small object rests.</p><div><h2>Form before decoration.</h2><p>The invented curve gives the shelf a broad front edge. The drawing supplies a relationship between surface and support, rather than a photograph of a finished piece.</p><p>A customer version should show its actual object and verified specification.</p></div></section><section class="facts" id="facts"><h2>Supplied teaching facts</h2><dl><div><dt>Material</dt><dd>Timber</dd></div><div><dt>Width</dt><dd>80 cm</dd></div><div><dt>Finish</dt><dd>Natural finish</dd></div></dl><p>No load rating, fixing instructions, stock or certification are supplied.</p><a href="mailto:lacuna@example.test">Ask an object question →</a></section><footer><p class="teaching">Original fictional Vitris teaching study. Names, offers, events and specifications are invented; no real customer evidence is supplied.</p><a href="/">Return to Lacuna Objects</a></footer></study-lacuna-objects>

package/design-system/compositions/v2/lacuna-objects/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Lacuna Objects / quiet object story Home
+description: The object occupies a centered field beneath restrained identity; the interior changes from isolated form to material facts rather than product-card repetition.
+---
+<study-lacuna-objects><div class="quiet-top"><a href="/">LACUNA<br>OBJECTS</a><nav aria-label="Objects"><a href="/detail">Arc shelf</a><a href="mailto:lacuna@example.test">Questions</a></nav></div><div class="object-stage"><h1>A small place<br>for everyday things.</h1><figure><svg viewBox="0 0 1100 570" role="img" aria-label="Original diagram of an invented curved wall shelf"><path d="M180 330Q530 460 940 285L935 335Q530 510 175 380Z" fill="#604e3f"/><path d="M180 330Q530 460 940 285L840 190Q535 300 280 225Z" fill="#b29473"/><path d="M330 363V425M810 340V390" stroke="#604e3f" stroke-width="12"/><path d="M140 475H965" stroke="#b0a89b" stroke-width="1"/><text x="170" y="515" font-size="18" fill="#473d34">ARC / ORIGINAL TEACHING DIAGRAM</text></svg><figcaption>Arc / invented object. Original diagram.</figcaption></figure><a class="object-link" href="/detail">Discover the Arc shelf →</a></div><section class="object-note"><p>One curve. A quieter edge.</p><div><p>The Arc teaching object uses a curved front to define a small resting place. Its story begins with form and continues through the supplied material and dimensions.</p><a href="/detail">Read the object story</a></div></section><footer><p>Lacuna Objects — fictional teaching collection</p><p class="teaching">Original fictional Vitris teaching study. Names, offers, events and specifications are invented; no real customer evidence is supplied.</p></footer></study-lacuna-objects>

package/design-system/compositions/v2/lacuna-objects/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Lacuna Objects / quiet object story \u2014 fictional teaching study",
+  "slug": "lacuna-objects",
+  "motion": {
+    "strength": "off"
+  }
+}

package/design-system/compositions/v2/lacuna-objects/study.json

@@ -0,0 +1,242 @@
+{
+  "id": "lacuna-objects",
+  "revision": 1,
+  "title": "Lacuna Objects / quiet object story",
+  "primaryFamily": "quiet-luxury",
+  "assetMinimum": "none",
+  "fitSignals": [
+    "collection",
+    "type-content",
+    "real-copy",
+    "action",
+    "sparse-media"
+  ],
+  "visitorTasks": [
+    "inspect-work",
+    "explore-product"
+  ],
+  "organizingIdea": "The object occupies a centered field beneath restrained identity; the interior changes from isolated form to material facts rather than product-card repetition.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Lacuna Objects",
+      "offer": "Fictional small objects for living spaces",
+      "object": "Arc wall shelf",
+      "material": "Timber in teaching brief",
+      "width": "80 cm teaching dimension",
+      "finish": "Natural finish in invented brief",
+      "contact": "lacuna@example.test",
+      "restriction": "No real product, load rating or certification"
+    },
+    "factsHash": "0b6b3e0ebd55929284a23a93f0df9f93e4b0f7bef64cf7925002008e452da4b2",
+    "mediaHash": "4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945"
+  },
+  "provenance": {
+    "content": "Original fictional Vitris teaching brief and copy; no customer claims.",
+    "media": "Original inline SVG diagrams or authored text, no external images, branding or type assets.",
+    "rights": "Original Vitris teaching material; factual adaptation required for customer use."
+  },
+  "storyboard": {
+    "homepage": [
+      "quiet identity",
+      "centered object proposition/diagram",
+      "object story"
+    ],
+    "interior": [
+      "object name",
+      "isolated form",
+      "form explanation",
+      "specification questions"
+    ],
+    "mobile": "Centered object field stays centered; story and labeled facts turn into a readable single-column document."
+  },
+  "designDecisions": "The object occupies a centered field beneath restrained identity; the interior changes from isolated form to material facts rather than product-card repetition.",
+  "lessonIds": [
+    "cmp-unequal-emphasis",
+    "cmp-image-art-direction",
+    "cmp-narrative-continuity"
+  ],
+  "referenceIds": [
+    "r100",
+    "doc"
+  ],
+  "sourcePath": "lacuna-objects",
+  "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:29:41.140Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/lacuna-objects-home-1440.png",
+        "sha256": "3a11bd19c4b02b5a99045f59aeedaf9a9617e51de4ba45bcd661fa208dc90a07"
+      },
+      "compiledHash": "08eaaace1cb7c94cb5a7a96f75d777e8a930008ef672413596a07d9df1f44d9d",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "audio": [],
+        "captureGeometry": null,
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected in contact sheet. Isolated original shelf illustration and restrained centred identity replace a split hero; product interior develops the same form through material/dimension ledger. Narrow follows object, proposition, task then facts. Explicit teaching object facts carry no actual certification or load claims."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:29:42.316Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/lacuna-objects-home-390.png",
+        "sha256": "7c31d9c10144c4d1b886f822d66b881bad511a70cadb36ba6efca503789b64fe"
+      },
+      "compiledHash": "08eaaace1cb7c94cb5a7a96f75d777e8a930008ef672413596a07d9df1f44d9d",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "audio": [],
+        "captureGeometry": null,
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected in contact sheet. Isolated original shelf illustration and restrained centred identity replace a split hero; product interior develops the same form through material/dimension ledger. Narrow follows object, proposition, task then facts. Explicit teaching object facts carry no actual certification or load claims."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T18:29:43.449Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/lacuna-objects-interior-1440.png",
+        "sha256": "6c2c40c1b2d76a1aa11d454095f9f1a94d514ded844e90b4e5d07a4f463204c3"
+      },
+      "compiledHash": "4e0f57285dfe045b2b8e6854adf452a8e9c63ad6358497d340c65913347bcc26",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/"
+          ]
+        },
+        "audio": [],
+        "captureGeometry": null,
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected in contact sheet. Isolated original shelf illustration and restrained centred identity replace a split hero; product interior develops the same form through material/dimension ledger. Narrow follows object, proposition, task then facts. Explicit teaching object facts carry no actual certification or load claims."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:29:44.529Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/lacuna-objects-interior-390.png",
+        "sha256": "fb5fe76f553050852b87e639acf6667dbab0e6abd6f70f4bb104c4becb2dfc70"
+      },
+      "compiledHash": "4e0f57285dfe045b2b8e6854adf452a8e9c63ad6358497d340c65913347bcc26",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/"
+          ]
+        },
+        "audio": [],
+        "captureGeometry": null,
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected in contact sheet. Isolated original shelf illustration and restrained centred identity replace a split hero; product interior develops the same form through material/dimension ledger. Narrow follows object, proposition, task then facts. Explicit teaching object facts carry no actual certification or load claims."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/lacuna-objects/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#f7f5ef",
+  "colorText": "#473d34",
+  "colorMuted": "#655c51",
+  "colorAccent": "#473d34",
+  "colorAccentText": "#ffffff",
+  "colorSurface": "#f7f5ef",
+  "colorSurface2": "#ebe7dc",
+  "colorBorder": "#b0a89b",
+  "colorFocus": "#7b3515",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "Georgia, serif",
+  "radius": "0px",
+  "radiusLg": "0px",
+  "maxWidth": "1180px"
+}

package/design-system/compositions/v2/loop-room/components/study-loop-room/styles.css

@@ -0,0 +1,2 @@
+.c-study-loop-room{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-loop-room h1,.c-study-loop-room h2,.c-study-loop-room h3{font-family:var(--font-display);color:inherit}.c-study-loop-room p,.c-study-loop-room li{line-height:1.6}.c-study-loop-room a{color:inherit;text-underline-offset:.2em}.c-study-loop-room a:focus-visible,.c-study-loop-room summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-loop-room img,.c-study-loop-room svg{max-width:100%;height:auto}.c-study-loop-room table{border-collapse:collapse;width:100%}.c-study-loop-room th,.c-study-loop-room td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-loop-room .teaching{font-size:.85rem;line-height:1.5}.c-study-loop-room nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-loop-room .venue-title{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem;padding:1rem 2rem;background:var(--color-text);color:var(--color-bg)}.c-study-loop-room .venue-title>a{font-size:1.8rem;font-weight:800;text-decoration:none}.c-study-loop-room .venue-title p{margin:0;font-size:.85rem}.c-study-loop-room nav{display:flex;gap:1.5rem;flex-wrap:wrap}.c-study-loop-room .exhibition{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;padding:3rem 2rem}.c-study-loop-room .exhibit-type p{font-size:.85rem}.c-study-loop-room h1{font-size:clamp(3.6rem,6.5vw,7rem);line-height:.95;margin:1.5rem 0;font-weight:850}.c-study-loop-room figure{margin:0}.c-study-loop-room svg{display:block;width:100%}.c-study-loop-room figcaption{font-size:.8rem;margin-top:.6rem}.c-study-loop-room .today{background:var(--color-surface-2);display:grid;grid-template-columns:1fr 3fr;gap:1rem 3rem;padding:2rem}.c-study-loop-room dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin:0}.c-study-loop-room dt{font-size:.8rem;text-transform:uppercase}.c-study-loop-room dd{margin:.7rem 0}.c-study-loop-room .today>a{grid-column:2}.c-study-loop-room .context{padding:4rem 20%;max-width:75rem}.c-study-loop-room .context h2{font-size:2rem}.c-study-loop-room .context p{max-width:50ch}.c-study-loop-room footer{padding:2rem;border-top:1px solid var(--color-border)}.c-study-loop-room .detail-nav{justify-content:space-between;padding:1rem 2rem;background:var(--color-text);color:var(--color-bg)}.c-study-loop-room .detail-exhibit{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:4rem 2rem}.c-study-loop-room .detail-exhibit h1{font-size:clamp(3rem,5vw,5rem)}.c-study-loop-room .detail-exhibit p{max-width:45ch}.c-study-loop-room .questions,.c-study-loop-room .visit-block{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:3rem 8%;border-top:1px solid var(--color-border)}.c-study-loop-room li{margin-bottom:1.5rem;max-width:55ch}.c-study-loop-room .visit-block{background:var(--color-surface-2)}.c-study-loop-room details{margin:1.5rem 0}.c-study-loop-room summary{cursor:pointer;padding:.8rem 0;font-weight:700}@media(max-width:700px){.c-study-loop-room .venue-title{grid-template-columns:1fr;padding:1.2rem;gap:.5rem}.c-study-loop-room .venue-title nav{gap:1rem}.c-study-loop-room .exhibition,.c-study-loop-room .detail-exhibit{display:flex;flex-direction:column;padding:2rem 1.2rem;gap:2rem}.c-study-loop-room .exhibition h1{font-size:4rem}.c-study-loop-room .today,.c-study-loop-room .questions,.c-study-loop-room .visit-block{display:block;padding:2rem 1.2rem}.c-study-loop-room dl{grid-template-columns:1fr;gap:1rem}.c-study-loop-room .today a{display:block;margin-top:1rem}.c-study-loop-room .context{padding:2rem 1.2rem}.c-study-loop-room .detail-nav{padding:1rem 1.2rem}.c-study-loop-room .detail-exhibit h1{font-size:3.3rem}.c-study-loop-room footer{padding:2rem 1.2rem}}

package/design-system/compositions/v2/loop-room/components/study-loop-room/template.html

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

package/design-system/compositions/v2/loop-room/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Loop Room / exhibition and access Detail
+description: A bold exhibition title shares space with an original spatial diagram; practical visitor facts form a compact directory, and the interior joins interpretation with access.
+---
+<study-loop-room><nav class="detail-nav" aria-label="Exhibition"><a href="/">Loop Room</a><a href="#visit">Visit information</a></nav><div class="detail-exhibit"><div><p>Fictional exhibition / teaching season</p><h1>Lines Between Us</h1><p>A line can be a boundary, a route or a shared edge. This invented exhibition uses simple planes and circles to make those relationships visible.</p><p>No artists, lenders or real works are represented.</p></div><figure><svg viewBox="0 0 900 600" role="img" aria-label="Original abstract exhibition diagram: circles meeting three wall planes"><rect width="900" height="600" fill="#d4ecff"/><path d="M0 420L400 300L900 500V600H0Z" fill="#a5cce8"/><path d="M170 70V480L450 330V30Z" fill="#ff643d"/><path d="M450 30V330L730 470V160Z" fill="#fcbd3a"/><circle cx="270" cy="240" r="90" fill="#1839b8"/><circle cx="600" cy="290" r="85" fill="#1839b8"/><path d="M0 520L900 140" stroke="#142644" stroke-width="4" stroke-dasharray="15 15"/></svg><figcaption>Original teaching diagram.</figcaption></figure></div><section class="questions"><h2>Look for the relationship.</h2><ol><li><strong>Where does the line begin?</strong> Follow the dashed path between the planes.</li><li><strong>What changes as it passes?</strong> Compare the circles and surfaces it meets.</li><li><strong>What does the edge connect?</strong> Read the boundary as a route as well as a division.</li></ol></section><section class="visit-block" id="visit"><h2>Plan a visit</h2><div><h3>Hours &amp; location</h3><p>Tuesday–Sunday, 11:00–17:00.<br>12 Common Lane — fictional address.<br>Admission is free in this teaching brief.</p><details><summary>Access information in this fictional brief</summary><p>Step-free entry and seating are supplied fictional facts. A real venue page must confirm its current access conditions.</p></details><a href="mailto:loop@example.test">Ask a visit question →</a></div></section><footer><a href="/">Back to Loop Room</a><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-loop-room>

package/design-system/compositions/v2/loop-room/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Loop Room / exhibition and access Home
+description: A bold exhibition title shares space with an original spatial diagram; practical visitor facts form a compact directory, and the interior joins interpretation with access.
+---
+<study-loop-room><div class="venue-title"><a href="/">LOOP ROOM</a><p>Community exhibition space</p><nav aria-label="Visitor tasks"><a href="/detail#visit">Plan a visit</a><a href="/detail">Current exhibition</a></nav></div><div class="exhibition"><div class="exhibit-type"><p>Teaching season / fictional exhibition</p><h1>Lines<br>Between<br>Us.</h1><a href="/detail">Explore the exhibition →</a></div><figure><svg viewBox="0 0 900 600" role="img" aria-label="Original abstract exhibition diagram: circles meeting three wall planes"><rect width="900" height="600" fill="#d4ecff"/><path d="M0 420L400 300L900 500V600H0Z" fill="#a5cce8"/><path d="M170 70V480L450 330V30Z" fill="#ff643d"/><path d="M450 30V330L730 470V160Z" fill="#fcbd3a"/><circle cx="270" cy="240" r="90" fill="#1839b8"/><circle cx="600" cy="290" r="85" fill="#1839b8"/><path d="M0 520L900 140" stroke="#142644" stroke-width="4" stroke-dasharray="15 15"/></svg><figcaption>Original abstract diagram, not an installation photograph.</figcaption></figure></div><section class="today"><h2>Visit essentials</h2><dl><div><dt>Admission</dt><dd>Free / fictional brief</dd></div><div><dt>Opening</dt><dd>Tuesday–Sunday<br>11:00–17:00</dd></div><div><dt>Location</dt><dd>12 Common Lane<br>Invented location</dd></div></dl><a href="/detail#visit">Access, hours and questions</a></section><section class="context"><h2>Space for a shared question.</h2><p>The teaching exhibition asks how a line can join two things as well as divide them. The visitor page brings that idea together with useful information about the room.</p></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-loop-room>

package/design-system/compositions/v2/loop-room/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Loop Room / exhibition and access \u2014 fictional teaching study",
+  "slug": "loop-room",
+  "motion": {
+    "strength": "off"
+  }
+}