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

package/design-system/compositions/v2/relay-workflow/components/study-relay-workflow/styles.css

@@ -0,0 +1,2 @@
+.c-study-relay-workflow{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-relay-workflow h1,.c-study-relay-workflow h2,.c-study-relay-workflow h3{font-family:var(--font-display);color:inherit}.c-study-relay-workflow p,.c-study-relay-workflow li{line-height:1.6}.c-study-relay-workflow a{color:inherit;text-underline-offset:.2em}.c-study-relay-workflow a:focus-visible,.c-study-relay-workflow summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-relay-workflow img,.c-study-relay-workflow svg{max-width:100%;height:auto}.c-study-relay-workflow table{border-collapse:collapse;width:100%}.c-study-relay-workflow th,.c-study-relay-workflow td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-relay-workflow .teaching{font-size:.85rem;line-height:1.5}.c-study-relay-workflow nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-relay-workflow {max-width:1250px;margin:auto;padding:2rem}.c-study-relay-workflow nav{display:flex;gap:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.c-study-relay-workflow nav a:first-child{margin-right:auto;font-weight:800}.c-study-relay-workflow h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05;margin:4rem 0 3rem}.c-study-relay-workflow .workspace{display:grid;grid-template-columns:1fr 3fr;border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-surface-2);background:var(--color-surface)}.c-study-relay-workflow .workspace aside{padding:2rem;background:var(--color-surface-2);font-size:.9rem}.c-study-relay-workflow .workspace section{padding:2rem}.c-study-relay-workflow .workspace h2{font-size:1.1rem;margin:0}.c-study-relay-workflow caption{font-size:.8rem;text-align:left;margin:1rem 0}.c-study-relay-workflow td:last-child{font-family:ui-monospace,monospace}.c-study-relay-workflow .explanation{margin:5rem 0;display:grid;grid-template-columns:1fr 1.3fr;gap:1rem 4rem}.c-study-relay-workflow .explanation a,.c-study-relay-workflow .explanation>.teaching{grid-column:2/3}.c-study-relay-workflow .boundary{font-size:.85rem}.c-study-relay-workflow .walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0}.c-study-relay-workflow .walkthrough h1{font-size:clamp(2rem,4vw,4rem);margin-top:1rem}.c-study-relay-workflow details{border-block:1px solid var(--color-border);padding:1rem 0}.c-study-relay-workflow summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;align-content:center}.c-study-relay-workflow .states p{max-width:50ch}@media(max-width:750px){.c-study-relay-workflow {padding:1rem}.c-study-relay-workflow nav{gap:1rem}.c-study-relay-workflow h1{margin:2rem 0;font-size:2.8rem}.c-study-relay-workflow .workspace,.c-study-relay-workflow .explanation,.c-study-relay-workflow .walkthrough{display:block}.c-study-relay-workflow .workspace aside,.c-study-relay-workflow .workspace section{padding:1rem}.c-study-relay-workflow .explanation{margin:3rem 0}.c-study-relay-workflow .states{margin:2rem 0}}

package/design-system/compositions/v2/relay-workflow/components/study-relay-workflow/template.html

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

package/design-system/compositions/v2/relay-workflow/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Relay / workflow demonstration Detail
+description: Lead with a concrete workflow surface, then explain its state transitions; the interior is a guided demonstration.
+---
+<study-relay-workflow><nav aria-label="Main"><a href="/">Relay</a><a href="/detail">Workflow</a><a href="mailto:relay@example.test">Questions</a></nav><div class="walkthrough"><aside><p>Workflow / demonstration</p><h1>Make the handover<br>readable.</h1><p>Open each state to inspect the relationship between material and next action.</p></aside><section class="states"><details open><summary>01 / Collect</summary><p>The outline gathers the material for a shared review. State: Collected.</p></details><details><summary>02 / Review</summary><p>The review puts the gathered material in context. State: Ready.</p></details><details><summary>03 / Handover</summary><p>The next state identifies a handover after review. State: Next.</p></details><p>These disclosures demonstrate a sequence; they do not change a live project.</p></section></div><div class="workspace"><aside><strong>STUDIO / SAMPLE</strong><p>One handover</p><a href="/detail">Inspect this workflow →</a></aside><section><h2>Handover board</h2><table><caption>Illustrative records; no live data</caption><thead><tr><th scope="col">Item</th><th scope="col">State</th></tr></thead><tbody><tr><td>Outline</td><td>Collected</td></tr><tr><td>Review</td><td>Ready</td></tr><tr><td>Handover</td><td>Next</td></tr></tbody></table></section></div><section class="explanation"><h2>Keep the next step beside the state.</h2><p>In a customer implementation, the actual workflow and permissions determine available actions. This example teaches proximity and hierarchy.</p><p class="teaching">Fictional Vitris teaching study. Names, offers and project details are invented; no customer outcomes are implied.</p></section></study-relay-workflow>

package/design-system/compositions/v2/relay-workflow/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Relay / workflow demonstration Home
+description: Lead with a concrete workflow surface, then explain its state transitions; the interior is a guided demonstration.
+---
+<study-relay-workflow><nav aria-label="Main"><a href="/">Relay</a><a href="/detail">Workflow</a><a href="mailto:relay@example.test">Questions</a></nav><h1>A shared view of<br>what comes next.</h1><div class="workspace"><aside><strong>STUDIO / SAMPLE</strong><p>One handover</p><a href="/detail">Inspect this workflow →</a></aside><section><h2>Handover board</h2><table><caption>Illustrative records; no live data</caption><thead><tr><th scope="col">Item</th><th scope="col">State</th></tr></thead><tbody><tr><td>Outline</td><td>Collected</td></tr><tr><td>Review</td><td>Ready</td></tr><tr><td>Handover</td><td>Next</td></tr></tbody></table></section></div><section class="explanation"><h2>Collect. Review. Handover.</h2><p>A studio handover has three distinct states. Show the material, review it in context, then make the next step clear.</p><a href="/detail">Follow the sample workflow →</a></section><p class="boundary">Static demonstration. There is no live account or stored project.</p><p class="teaching">Fictional Vitris teaching study. Names, offers and project details are invented; no customer outcomes are implied.</p></study-relay-workflow>

package/design-system/compositions/v2/relay-workflow/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Relay / workflow demonstration \u2014 fictional teaching study",
+  "slug": "relay-workflow",
+  "motion": {
+    "strength": "off"
+  }
+}

package/design-system/compositions/v2/relay-workflow/study.json

@@ -0,0 +1,283 @@
+{
+  "id": "relay-workflow",
+  "revision": 1,
+  "title": "Relay / workflow demonstration",
+  "primaryFamily": "technical",
+  "assetMinimum": "none",
+  "fitSignals": [
+    "real-copy",
+    "type-content",
+    "action",
+    "sparse-media",
+    "product-ui",
+    "process"
+  ],
+  "visitorTasks": [
+    "explore-product",
+    "understand-process"
+  ],
+  "organizingIdea": "Lead with a concrete workflow surface, then explain its state transitions; the interior is a guided demonstration.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Relay",
+      "offer": "Fictional studio handover workflow",
+      "records": [
+        {
+          "task": "Outline",
+          "state": "Collected"
+        },
+        {
+          "task": "Review",
+          "state": "Ready"
+        },
+        {
+          "task": "Handover",
+          "state": "Next"
+        }
+      ],
+      "process": [
+        "Collect",
+        "Review",
+        "Handover"
+      ],
+      "restriction": "Static illustrative interface, no connected account or live project",
+      "contact": "relay@example.test"
+    },
+    "factsHash": "a2f658d0d6df23ba09277f5686471e2f98587c7178ee1ff30c924dbc2eb3353b",
+    "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": [
+      "product proposition",
+      "illustrative workspace",
+      "state explanation",
+      "boundary"
+    ],
+    "interior": [
+      "guided disclosures",
+      "workspace recap",
+      "application notes"
+    ],
+    "mobile": "The workspace sidebar becomes a context strip above the table; guided state explanations stack. Native disclosure controls remain keyboard usable."
+  },
+  "designDecisions": "Lead with a concrete workflow surface, then explain its state transitions; the interior is a guided demonstration.",
+  "lessonIds": [
+    "cmp-evidence-form",
+    "cmp-interactive-explanation",
+    "cmp-process"
+  ],
+  "referenceIds": [
+    "linear"
+  ],
+  "sourcePath": "relay-workflow",
+  "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:44.572Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/relay-workflow-home-1440.png",
+        "sha256": "9f07b4e37cb8a0a73093bbe921859efc1b3248eac168d0f96e8b346bcd037e23"
+      },
+      "compiledHash": "0c30ccd3eebe5bba826196c012fc59f8b4adf9e1054288c206231109f5cea80a",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "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. Workspace context precedes state table on narrow layouts; disclosures precede recap. Static demonstration boundary visible. Native disclosure keyboard activation and visible focus passed automated checks."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T16:48:45.618Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/relay-workflow-home-390.png",
+        "sha256": "b1be668d42924fb73aba9d75a4eb98554147603533d66e539f627192188a30f4"
+      },
+      "compiledHash": "0c30ccd3eebe5bba826196c012fc59f8b4adf9e1054288c206231109f5cea80a",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "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. Workspace context precedes state table on narrow layouts; disclosures precede recap. Static demonstration boundary visible. Native disclosure keyboard activation and visible focus passed automated checks."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T16:48:46.844Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/relay-workflow-interior-1440.png",
+        "sha256": "e4369f2b8ae94366e4227c44b25a5c16c5f66ccaa2d684af58c3c31a9b286f45"
+      },
+      "compiledHash": "ec6e79e93d0170efcb2fa375d1d31d3c3a4b733cb1791bd866dc70eb66251a4f",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Inspect this workflow →",
+          "outline": "solid",
+          "width": "3px"
+        },
+        "disclosures": [
+          {
+            "label": "01 / Collect",
+            "keyboardToggle": true,
+            "focusVisible": true
+          },
+          {
+            "label": "02 / Review",
+            "keyboardToggle": true,
+            "focusVisible": true
+          },
+          {
+            "label": "03 / Handover",
+            "keyboardToggle": true,
+            "focusVisible": true
+          }
+        ]
+      },
+      "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. Workspace context precedes state table on narrow layouts; disclosures precede recap. Static demonstration boundary visible. Native disclosure keyboard activation and visible focus passed automated checks."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T16:48:48.002Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/relay-workflow-interior-390.png",
+        "sha256": "3d69422afda4d559f60353dff28be99b31e3d83862cf37847a8cd72d27a2eb6e"
+      },
+      "compiledHash": "ec6e79e93d0170efcb2fa375d1d31d3c3a4b733cb1791bd866dc70eb66251a4f",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Inspect this workflow →",
+          "outline": "solid",
+          "width": "3px"
+        },
+        "disclosures": [
+          {
+            "label": "01 / Collect",
+            "keyboardToggle": true,
+            "focusVisible": true
+          },
+          {
+            "label": "02 / Review",
+            "keyboardToggle": true,
+            "focusVisible": true
+          },
+          {
+            "label": "03 / Handover",
+            "keyboardToggle": true,
+            "focusVisible": true
+          }
+        ]
+      },
+      "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. Workspace context precedes state table on narrow layouts; disclosures precede recap. Static demonstration boundary visible. Native disclosure keyboard activation and visible focus passed automated checks."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/relay-workflow/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#101a2b",
+  "colorText": "#f1f4fa",
+  "colorMuted": "#c0cbdc",
+  "colorAccent": "#f1f4fa",
+  "colorAccentText": "#101a2b",
+  "colorSurface": "#17243a",
+  "colorSurface2": "#223450",
+  "colorBorder": "#607591",
+  "colorFocus": "#ffc957",
+  "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/rivet-components/components/study-rivet-components/styles.css

@@ -0,0 +1,2 @@
+.c-study-rivet-components{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-rivet-components h1,.c-study-rivet-components h2,.c-study-rivet-components h3{font-family:var(--font-display);color:inherit}.c-study-rivet-components p,.c-study-rivet-components li{line-height:1.6}.c-study-rivet-components a{color:inherit;text-underline-offset:.2em}.c-study-rivet-components a:focus-visible,.c-study-rivet-components summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-rivet-components img,.c-study-rivet-components svg{max-width:100%;height:auto}.c-study-rivet-components table{border-collapse:collapse;width:100%}.c-study-rivet-components th,.c-study-rivet-components td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-rivet-components .teaching{font-size:.85rem;line-height:1.5}.c-study-rivet-components nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-rivet-components {padding:1.5rem 3rem}.c-study-rivet-components header{display:flex;justify-content:space-between;gap:1rem;font-family:ui-monospace,monospace;border-block:2px solid var(--color-text);padding:1rem 0}.c-study-rivet-components .series{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:2rem 0}.c-study-rivet-components .series h1{font-size:clamp(4rem,14vw,11rem);line-height:1;margin:0;letter-spacing:-.07em}.c-study-rivet-components .drawing{background:var(--color-surface-2);padding:2rem}.c-study-rivet-components .drawing svg{width:100%;max-height:30rem}.c-study-rivet-components .catalog{margin-top:2rem}.c-study-rivet-components caption{text-align:left;font-family:ui-monospace,monospace;margin:1rem 0}.c-study-rivet-components .catalog a{display:block;margin:1.5rem 0}.c-study-rivet-components .technical-note{max-width:58ch;border-left:6px solid var(--color-accent);padding-left:1.5rem;margin:4rem 0 1rem}.c-study-rivet-components .detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin:3rem 0}.c-study-rivet-components .detail-grid h1{font-size:clamp(2rem,4vw,4rem);line-height:1.15}.c-study-rivet-components .application{grid-column:2/3;max-width:65ch}.c-study-rivet-components details{border-top:1px solid var(--color-border);padding:1rem 0;margin:2rem 0}.c-study-rivet-components summary{cursor:pointer;min-height:44px}@media(max-width:750px){.c-study-rivet-components {padding:1rem}.c-study-rivet-components header,.c-study-rivet-components .series{display:block}.c-study-rivet-components header a{display:block;padding:.5rem 0}.c-study-rivet-components .drawing{padding:1rem}.c-study-rivet-components th,.c-study-rivet-components td{padding:.5rem;font-size:.9rem}.c-study-rivet-components .detail-grid{display:block}.c-study-rivet-components .application{margin-top:2rem}}

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

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

package/design-system/compositions/v2/rivet-components/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Rivet / specification system Detail
+description: Make the dimensioned object and its specification the opening; explanations follow the selection task.
+---
+<study-rivet-components><header><a href="/">RIVET / COMPONENTS</a><a href="mailto:rivet@example.test">Specification inquiry</a></header><div class="detail-grid"><aside><p>Series / R-120</p><h1>Dimensions.<br>Material.<br>Mounting.</h1><p>Invented support bracket for workshop fixture studies.</p></aside><section class="drawing"><svg viewBox="0 0 640 360" role="img" aria-label="Original dimension diagram of an invented support bracket"><path d="M90 260V100H480V180H210V260Z" fill="none" stroke="currentColor" stroke-width="12"/><circle cx="145" cy="150" r="18" fill="none" stroke="currentColor" stroke-width="5"/><circle cx="400" cy="140" r="18" fill="none" stroke="currentColor" stroke-width="5"/><path d="M90 55H480M90 45V65M480 45V65M535 100V260M525 100H545M525 260H545" stroke="currentColor" stroke-width="2"/><text x="250" y="42" fill="currentColor" font-size="24">120 mm</text><text x="550" y="190" fill="currentColor" font-size="24">60 mm</text></svg><table><caption>Specification ledger</caption><tbody><tr><th scope="row">Material</th><td>Aluminium</td></tr><tr><th scope="row">Envelope</th><td>120 × 60 mm</td></tr><tr><th scope="row">Fixing</th><td>Two 6 mm holes</td></tr></tbody></table></section><section class="application"><h2>Check the application first.</h2><p>Match the envelope to the available space and the fixing pattern to the mounting surface. This fictional diagram supplies no load rating, certification or safety assurance.</p><details><summary>What this teaching specification does not establish</summary><p>No manufactured tolerances, tested loads or installation approval are supplied. A customer version needs its verified product data.</p></details><a href="mailto:rivet@example.test">Ask about the specification →</a><p class="teaching">Fictional Vitris teaching study. Names, offers and project details are invented; no customer outcomes are implied.</p></section></div></study-rivet-components>

package/design-system/compositions/v2/rivet-components/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Rivet / specification system Home
+description: Make the dimensioned object and its specification the opening; explanations follow the selection task.
+---
+<study-rivet-components><header><a href="/">RIVET / COMPONENTS</a><a href="/detail">R-120 specification</a></header><div class="series"><h1>R-120</h1><p>Workshop support bracket<br>Teaching product series</p></div><div class="drawing"><svg viewBox="0 0 640 360" role="img" aria-label="Original dimension diagram of an invented support bracket"><path d="M90 260V100H480V180H210V260Z" fill="none" stroke="currentColor" stroke-width="12"/><circle cx="145" cy="150" r="18" fill="none" stroke="currentColor" stroke-width="5"/><circle cx="400" cy="140" r="18" fill="none" stroke="currentColor" stroke-width="5"/><path d="M90 55H480M90 45V65M480 45V65M535 100V260M525 100H545M525 260H545" stroke="currentColor" stroke-width="2"/><text x="250" y="42" fill="currentColor" font-size="24">120 mm</text><text x="550" y="190" fill="currentColor" font-size="24">60 mm</text></svg></div><section class="catalog"><h2>Select by the facts.</h2><table><caption>R-120 teaching specification</caption><thead><tr><th scope="col">Material</th><th scope="col">Envelope</th><th scope="col">Mounting</th></tr></thead><tbody><tr><td>Aluminium</td><td>120 × 60 mm</td><td>Two 6 mm holes</td></tr></tbody></table><a href="/detail">Inspect dimensions and application →</a></section><div class="technical-note"><p>Start with the mounting surface and dimensions. A drawing explains the geometry; the specification explains the selection.</p><p class="teaching">Fictional Vitris teaching study. Names, offers and project details are invented; no customer outcomes are implied.</p></div></study-rivet-components>

package/design-system/compositions/v2/rivet-components/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Rivet / specification system \u2014 fictional teaching study",
+  "slug": "rivet-components",
+  "motion": {
+    "strength": "off"
+  }
+}