← all patterns

Weak applied

Staleness Drift

make outdated content, data, or files cool and recede

Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.

"Staleness Drift" — make outdated content, data, or files cool and recede. It has a memory layer (a decaying trail / hysteresis), a morph layer (assemble matter into a mark/shape (never words, §11)), and a diffuse layer (spread a quantity over the medium). The active render stack is heatmap, trails, particles.

Like a weak-force decay, unattended items morph and diffuse toward the background while memory lets a revisit pull them back into coherence.

Runtime tokens
memory a decaying trail / hysteresismorph assemble matter into a mark/shape (never words, §11)diffuse spread a quantity over the medium
Concepts
staleness decay
Metrics
age a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertstaleness a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertmemory computed every frame by the platform (proximity · engagement · relationships · age)confidence written only when the host supplies it — the engine never invents confidence/risk age, staleness are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
heatmap contours inspector
Conditions
stale
Render
heatmap · trails · particles
Reduced motion
stale badges with an aging tone and a last-verified marker
Without motion
staleness reads through stale badges, aging tone, and an explicit last-verified date

Copy this pattern

<field-root></field-root>
  <div data-body="memory" data-strength="0.9" data-range="300" data-feedback></div>
  <div data-body="morph" data-strength="0.6" data-range="280"></div>
  <div data-body="diffuse" data-strength="0.6" data-range="260"></div>

See also