Signal from noise

With the skill installed, paste this in your project.

Use the site-motion skill to make the "signal-field" scene for our site, in our brand.
Read our design tokens from this project (or run `site-motion theme <our url>`), write the content JSON with our real product nouns and numbers, then render mp4, webm and a poster. Check the loop seam before you finish.

Draft your tokens, then copy the scene into your project. The first scene you add sets your site's look; every scene after it follows.

node bin/site-motion.mjs theme https://yoursite.com --out brand.json
node bin/site-motion.mjs add signal-field --tokens brand.json

The theme playing above, as a token file the CLI and the skill accept.

{
  "title": "Signal from noise",
  "label": "Fourteen noisy strands wander across the left of the frame, pass a dotted gate, and leave it as evenly spaced straight lanes, with packets travelling along them.",
  "eyebrow": "Predictable",
  "heading": "Messy inputs in.\nThe same steps, every time.",
  "inLabel": "Documents · audio · email",
  "outLabel": "Structured · validated",
  "strands": 14,
  "gate": 0.56
}

Rendered frame-exact. For your brand, run the command on the left.

<iframe src="/signal-field.html" title="Signal from noise" style="width:100%;aspect-ratio:16/9;border:0" loading="lazy"></iframe>