site-motion

Scenes / approvals / ledger-stamp

SVG · approvals · compliance · trust

Ledger stamp

Payments are checked, stamped, signed and sealed on an indexed belt; one over the limit is held for a second approver.

Drawn in Ink · follows any look See the matched set →

Payments ride an indexed belt through three stations. A scanner checks each against policy, a press stamps it approved, then it is signed and a seal is pressed onto it before it leaves for the audit trail. One transfer over the limit is stamped held and waits for a second approver instead of being sealed. 00:00
00:00 / 00:00
Make your own look →

With Claude Code

With the skill installed, paste this in your project.

Use the site-motion skill to make the "ledger-stamp" 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.

From the command line

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 ledger-stamp --tokens brand.json

Your brand, as tokens

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

content.json, the words in this scene
{
  "title": "Ledger stamp",
  "label": "Payments ride an indexed belt through three stations. A scanner checks each against policy, a press stamps it approved, then it is signed and a seal is pressed onto it before it leaves for the audit trail. One transfer over the limit is stamped held and waits for a second approver instead of being sealed.",
  "eyebrow": "Approvals",
  "heading": "Every payment\nstamped, signed\nand sealed.",
  "sub": "Policy checks, approvals and a tamper-proof seal on every number, before any money moves.",
  "logTitle": "Audit trail",
  "logStat": "0 unsigned payments",
  "feeder": "Queue",
  "stations": [
    "Policy check",
    "Approve",
    "Sign & seal"
  ],
  "stampDate": "05 NOV · 09:41",
  "signer": "R. Okafor",
  "checks": [
    "Within limit",
    "Payee verified",
    "2 of 2 approvers"
  ],
  "heldCheck": "Over $100k limit",
  "heldNote": "Waiting for CFO",
  "legible": false,
  "showCopy": true,
  "docs": [
    {
      "type": "Payout",
      "ref": "PX-2041",
      "payee": "Northwind Freight",
      "amount": "$12,480.00"
    },
    {
      "type": "Invoice",
      "ref": "INV-1187",
      "payee": "Acme Studio",
      "amount": "$3,920.50"
    },
    {
      "type": "Refund",
      "ref": "RF-0932",
      "payee": "Order 55102",
      "amount": "$86.40"
    },
    {
      "type": "Transfer",
      "ref": "TR-0410",
      "payee": "Treasury → Ops",
      "amount": "$248,000.00",
      "held": true
    },
    {
      "type": "Payout",
      "ref": "PX-2042",
      "payee": "Blue Harbor Co",
      "amount": "$7,215.00"
    },
    {
      "type": "Invoice",
      "ref": "INV-1188",
      "payee": "Lumen Labs",
      "amount": "$15,600.00"
    },
    {
      "type": "Payroll",
      "ref": "PR-0011",
      "payee": "42 employees",
      "amount": "$96,350.00"
    },
    {
      "type": "Refund",
      "ref": "RF-0933",
      "payee": "Order 55187",
      "amount": "$212.00"
    }
  ]
}

Files

default theme

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

embed snippet
<iframe src="/ledger-stamp.html" title="Ledger stamp" style="width:100%;aspect-ratio:16/9;border:0" loading="lazy"></iframe>