Gravity core First release

Priority Well

make important elements feel naturally weighted without shouting

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

"Priority Well" — make important elements feel naturally weighted without shouting. It has a attract layer (draw matter into a focus / well), and a gravity layer (universal attraction toward mass). The active render stack is particles, trails.

Gravity + attract pull matter and attention into one well; --field-attention / --field-priority write back to drive weight and bloom. (The density lane is host-supplied — set data-field-density to ground --field-density; the engine's own live density channel is --d on data-feedback bodies.)

Runtime tokens: attract draw matter into a focus / wellgravity universal attraction toward mass
Metrics: density a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertattention computed every frame by the platform (proximity · engagement · relationships · age)priority computed every frame by the platform (proximity · engagement · relationships · age) density is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.
Diagnostics: potential prediction force-vectors
Conditions: in-view
Render: particles · trails
Reduced motion: weight, glow, and the current-state marker hold their last value — no travel
Without motion: the important element is also stronger in weight, outline, and reading order

Copy this pattern

<field-root></field-root>
  <div data-body="attract" data-strength="1.2" data-range="320" data-feedback></div>
  <div data-body="gravity" data-strength="0.6" data-range="360"></div>

<script type="module">
  import '@fundamental-engine/elements';
</script>

<field-root></field-root>
  <div data-body="attract" data-strength="1.2" data-range="320" data-feedback></div>
  <div data-body="gravity" data-strength="0.6" data-range="360"></div>

import { FieldField } from '@fundamental-engine/react';

export default function PriorityWell() {
  return (
    <FieldField>
      <div data-body="attract" data-strength="1.2" data-range="320" data-feedback />
      <div data-body="gravity" data-strength="0.6" data-range="360" />
    </FieldField>
  );
}

{
  "id": "priority-well",
  "name": "Priority Well",
  "intent": "make important elements feel naturally weighted without shouting",
  "naturalField": "gravity",
  "primitives": [
    "attract",
    "gravity"
  ],
  "bodies": [
    {
      "body": "attract",
      "strength": 1.2,
      "range": 320,
      "feedback": true
    },
    {
      "body": "gravity",
      "strength": 0.6,
      "range": 360
    }
  ],
  "render": [
    "particles",
    "trails"
  ],
  "metrics": [
    "density",
    "attention",
    "priority"
  ],
  "diagnostics": [
    "potential",
    "prediction",
    "force-vectors"
  ],
  "accessibility": {
    "reducedMotion": "weight, glow, and the current-state marker hold their last value — no travel",
    "meaningWithoutMotion": "the important element is also stronger in weight, outline, and reading order"
  },
  "notes": "Gravity + attract pull matter and attention into one well; --field-attention / --field-priority write back to drive weight and bloom. (The density lane is host-supplied — set data-field-density to ground --field-density; the engine's own live density channel is --d on data-feedback bodies.)",
  "tier": "core",
  "status": "shipped",
  "conditions": [
    "in-view"
  ]
}

Copy this pattern

See also