Scenes / changelog / parchment-changelog
Changelog scroll
A parchment scroll unrolls from its roller one release at a time; each row is inked wet, settles, and ages as newer releases arrive.
Drawn in Ink · follows any look See the matched set →
With Claude Code
With the skill installed, paste this in your project.
Use the site-motion skill to make the "parchment-changelog" 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 parchment-changelog --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": "Changelog scroll",
"label": "A parchment scroll hangs from a wooden roller and unrolls downward, one release at a time. Each release row, with its version, date and a few changes tagged New, Improved or Fixed, is inked as it appears: the writing goes on wet and blue-black, then settles to its normal tone, and the tag stamps press in. Older rows fade toward a brown, aged ink as newer ones arrive. A tally beside the scroll counts the stamped changes by tag. Before the loop ends the scroll rolls back up into its roller.",
"eyebrow": "Changelog",
"heading": "Every release,\nput in writing.",
"sub": "Each version is inked the day it ships. The older entries settle into the record.",
"tallyLabel": "changes on record",
"tags": {
"new": "New",
"improved": "Improved",
"fixed": "Fixed"
},
"releases": [
{
"version": "v2.0",
"date": "14 Jan 2026",
"items": [
[
"new",
"Shared workspaces for teams"
],
[
"new",
"Dark mode across the app"
],
[
"fixed",
"Exports stalling on large files"
]
]
},
{
"version": "v2.1",
"date": "03 Mar 2026",
"items": [
[
"improved",
"Search is three times faster"
],
[
"new",
"Keyboard shortcuts panel"
]
]
},
{
"version": "v2.2",
"date": "22 Apr 2026",
"items": [
[
"new",
"Scheduled reports"
],
[
"improved",
"A shorter onboarding checklist"
],
[
"fixed",
"Reminders drifting across time zones"
]
]
},
{
"version": "v2.3",
"date": "09 Jul 2026",
"items": [
[
"improved",
"Offline edits sync in the background"
],
[
"fixed",
"Duplicate alerts on mobile"
]
]
},
{
"version": "v2.4",
"date": "18 Sep 2026",
"items": [
[
"new",
"Audit log for admins"
],
[
"new",
"Custom fields on every record"
],
[
"improved",
"Bulk edit up to 500 rows"
]
]
},
{
"version": "v2.5",
"date": "30 Oct 2026",
"items": [
[
"fixed",
"Avatar uploads in some browsers"
],
[
"improved",
"Dashboards load in half the time"
]
]
}
],
"seed": 23
}Files
default themeRendered frame-exact. For your brand, run the command on the left.
embed snippet
<iframe src="/parchment-changelog.html" title="Changelog scroll" style="width:100%;aspect-ratio:16/9;border:0" loading="lazy"></iframe>
Related scenes
all scenes
Bead views
One record stays still as a bead while its string re-threads the world around it: a calendar, a board, a street map and a timeline.
Expenses on autopilot
A feature list drives a product card through its states, removing a step each time.
Gear tiers
Three plans drawn as camping kit in one ink line, a tent, a campsite and a basecamp, each item drawing on as its feature ticks in; a Monthly/Annual toggle rolls the prices on their wooden signs.