Scenes / approvals / ledger-stamp / ledger-stamp--hero

SVG · approvals · compliance · trust

One payment, stamped

One payment close up: its checks tick, a press slams APPROVED onto it, it is signed and sealed, then the next rises from the pile.

The hero take on Ledger stamp: same story, built for a different job on the page.

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

One large payment document sits on a short pile beside the heading, its amount at display size. Its three policy checks tick one by one, a stamp press slams down and leaves APPROVED inked onto it at a slight angle, the approver's signature writes itself and a seal is pressed beside it. The finished payment slides off and the next one rises from the pile: a payout, an invoice and a payroll run in turn.

Look 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--hero" 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--hero --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": "One payment, stamped",
  "label": "One large payment document sits on a short pile beside the heading, its amount at display size. Its three policy checks tick one by one, a stamp press slams down and leaves APPROVED inked onto it at a slight angle, the approver's signature writes itself and a seal is pressed beside it. The finished payment slides off and the next one rises from the pile: a payout, an invoice and a payroll run in turn.",
  "eyebrow": "Payment approvals",
  "heading": "Nothing pays\nuntil it's\napproved.",
  "sub": "Each payment is checked against policy, stamped, signed and sealed before any money moves.",
  "stampOk": "APPROVED",
  "stampDate": "05 NOV · 09:41",
  "signer": "R. Okafor",
  "signerRole": "Approver",
  "seal": "SEALED",
  "checks": [
    "Within limit",
    "Payee verified",
    "2 of 2 approvers"
  ],
  "docs": [
    {
      "type": "Payout",
      "ref": "PX-2041",
      "payee": "Northwind Freight",
      "amount": "$12,480.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"
    }
  ]
}

Files

default theme

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

MP4 · 1600×900 Poster PNG Preview WebM

embed snippet

<iframe src="/ledger-stamp--hero.html" title="One payment, stamped" style="width:100%;aspect-ratio:16/9;border:0" loading="lazy"></iframe>

More ways to show this

the same story, one per job on the page

Ledger stamp

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

the concept

A month, stamped

A month of approvals stamped onto a calendar page, busier days in denser ink, until every payment is signed and the month is sealed.

metrics

A hash-chained audit trail

An audit trail written as sentences and chained seal to seal; editing one past amount breaks the chain from there down, so the edit is refused and logged.

trust

Related scenes

all scenes