---
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>