Relational Substrate Pattern

Relational Publications

Interactive Proof · Relational Field Topology

Publications are not static items in a hardcoded grid. In Fundamental Engine, each publication is a Field Body carrying relevance mass and citation graph edges. Category containers act as Attractor Wells that pull matching papers into spatial topology, while live CSS variables (--field-density, --field-proximity, --field-tension) drive glassmorphic elevation, border glow, and visual formatting without JS event overhead.

◆

Research Papers

Attractor Well · Strength 1.5

Research 2026-07-15

01. Relational Substrate Theory

Semantic structures, bodies, and field particles in one shared, platform-native runtime.

Research 2026-07-28

03. Field Memory & Conserved Attention

Conserved attention budgets across long-form document nodes and semantic fields.

☍

Technical Specs

Attractor Well · Strength 1.3

Spec 2026-08-01

02. Relationship Registry & Signals

Normalizing HTML, ARIA, and custom graph edges into unified, typed runtime signals.

Spec 2026-08-11

05. iPub Semantic Substrate Specification

Canonical specification for document structures, normalized geometry, and entity graphs.

▦

Architecture Guides

Attractor Well · Strength 1.2

Guide 2026-08-05

04. Platform Host Seam Architecture

Host adapters binding zero-dep core models across DOM, Three.js, and native platforms.

Guide 2026-08-12

06. Host ⇄ Field Runtime Mechanics

Two-way host integration loops for continuous layout-to-topology transitions.

Copy & Implement

This exact relational publication pattern runs directly on top of @fundamental-engine/dom and @fundamental-engine/elements.

HTML + CSS

<field-root accent="#4da3ff" render="dots" overlay="links"></field-root>

<!-- Category Attractor Wells -->
<div class="category-wells-grid">
  <section class="category-well" data-body="well" data-strength="1.4" data-range="380" style="--cat-accent: #4da3ff;">
    <h2>Research Papers</h2>
    <article id="pub-1" class="pub-card" data-body="attract" data-strength="0.75" data-feedback data-field-relation="cites" data-field-target="#pub-2">
      <span class="pub-tag">Research</span>
      <h3>01. Relational Substrate Theory</h3>
      <p>Semantic structures, bodies, and field particles in one shared runtime.</p>
    </article>
  </section>

  <section class="category-well" data-body="well" data-strength="1.2" data-range="320" style="--cat-accent: #f59e0b;">
    <h2>Technical Specs</h2>
    <article id="pub-2" class="pub-card" data-body="attract" data-strength="0.6" data-feedback>
      <span class="pub-tag">Spec</span>
      <h3>02. Relationship Registry & Signals</h3>
      <p>Normalizing HTML, ARIA, and custom graph edges into runtime signals.</p>
    </article>
  </section>
</div>

<style>
  .pub-card {
    --field-density: 0;
    --field-proximity: 0;
    background: var(--bg-card, #0b0e16);
    border: 1px solid color-mix(in srgb, var(--cat-accent) calc(25% + var(--field-proximity) * 65%), var(--line));
    box-shadow: 0 4px 20px rgba(0, 0, 0, calc(0.2 + var(--field-density) * 0.4)),
                0 0 16px color-mix(in srgb, var(--cat-accent) calc(var(--field-proximity) * 60%), transparent);
    transform: scale(calc(1 + var(--field-proximity) * 0.035));
    transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
</style>