Focus Well
Gather the field toward whatever the operator or an agent is currently focused on, and let it relax as that attention goes stale.
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.
"Focus Well" — Gather the field toward whatever the operator or an agent is currently focused on, and let it relax as that attention goes stale.. It has a attract layer (draw matter into a focus / well). The active render stack is heatmap.
Copy this pattern
<field-root></field-root>
<div data-body="attract" data-strength="1" data-range="320" data-feedback></div> <script type="module">
import '@fundamental-engine/elements';
</script>
<field-root></field-root>
<div data-body="attract" data-strength="1" data-range="320" data-feedback></div> import { FieldField } from '@fundamental-engine/react';
export default function FocusWell() {
return (
<FieldField>
<div data-body="attract" data-strength="1" data-range="320" data-feedback />
</FieldField>
);
} {
"id": "focus-well",
"name": "Focus Well",
"intent": "Gather the field toward whatever the operator or an agent is currently focused on, and let it relax as that attention goes stale.",
"naturalField": "gravity",
"status": "experimental",
"primitives": [
"attract"
],
"concepts": [
"focus",
"staleness"
],
"conditions": [
"focused",
"dwell",
"threshold"
],
"bodies": [
{
"body": "attract",
"strength": 1,
"range": 320,
"feedback": true
}
],
"render": [
"heatmap"
],
"metrics": [
"salience"
],
"diagnostics": [
"inspector"
],
"accessibility": {
"reducedMotion": "The top-salience entity takes a static in-focus marker (aria-current) and keeps its focusState rank; nothing travels or converges.",
"meaningWithoutMotion": "Focus reads as an explicit ranked, source-labelled list — the focusState() sharp-tip digest. The meaning IS the list; nothing depends on the animated well."
}
} See also
- Priority Well make important elements feel naturally weighted without shouting
- Focus Orbit keep related options moving around the active item
- Search Relevance Field let search results settle by relevance, confidence, and recency
- Reading Field make long content pages reveal attention, memory, and concept links
- Attention Weather show system urgency, density, and activity across a dashboard
- Command Intent Field let command palettes settle around likely intent