← all recipes

"Friction Gate" — slow risky, destructive, or irreversible actions without modal noise. It has a viscosity layer (damp motion / calm a region), a pressure layer (relax crowding (incompressibility)), a gate layer (admit or deflect matter at a boundary), and a morph layer (assemble matter into a mark/shape (never words, §11)). The active render stack is streamlines, heatmap, particles, trails.

Derived from drag: viscosity makes risky motion deliberate, gate holds release until coherence builds, and morph marks the disabled-to-ready transition without a disruptive modal.

Runtime tokens

viscosity pressure gate morph

Concepts

drag friction

Metrics

risk friction intent readiness friction, intent, readiness are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.

Diagnostics

inspector prediction energy

Conditions

threshold dwell

Render

streamlines · heatmap · particles · trails

Reduced motion

a confirmation rail moving from a disabled to a ready state with an explicit risk summary

Without motion

friction becomes a readiness meter and the action stays disabled until an explicit risk summary is acknowledged

<field-root></field-root>
  <div data-body="viscosity" data-strength="1" data-range="300" data-feedback></div>
  <div data-body="pressure" data-strength="0.7" data-range="280"></div>
  <div data-body="gate" data-strength="0.6" data-range="240"></div>
  <div data-body="morph" data-strength="0.5" data-range="220"></div>