Fundamental

← all recipes

Weak core

Decay Notice

let stale, temporary, or completed state fade gracefully

frame — bodies 0 relationships 0

Running the actual recipe live via applyRecipe() — not a mock.

"Decay Notice" — let stale, temporary, or completed state fade gracefully. It has a morph layer (assemble matter into a mark/shape (never words, §11)), a memory layer (a decaying trail / hysteresis), and a diffuse layer (spread a quantity over the medium). The active render stack is particles, heatmap.

A state begins strong then naturally releases (weak force: expiration); the element stays semantically clear while visual emphasis decays.

Runtime tokens
morph memory diffuse
Concepts
decay
Metrics
decay age heat decay, age, heat are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
inspector heatmap causality
Conditions
stale
Render
particles · heatmap
Reduced motion
a timestamp and a faded state marker replace the decay animation
Without motion
the state stays announced as text while emphasis fades

Copy this recipe

<field-root></field-root>
  <div data-body="morph" data-strength="0.6" data-range="240" data-feedback></div>
  <div data-body="memory" data-strength="0.5" data-range="280"></div>
  <div data-body="diffuse" data-strength="0.4" data-range="240"></div>

See also