ProDyn / Threadline · DSM completion · checkpoint 2

Motion & data-display registry

Every approved motion system and information-display pattern, numbered and numerically specified — extracted from agent.prodyn.ai (root, /ui, /dash) and the flame work. An agent picks from this registry; it does not invent motion. Live demos are minimum-scale hints, not full effect.

Locked · 2026-07-18
Motion primitives M1–M14

The original motion vocabulary

DSM 2.2 preserves M1–M14 below and adds four interaction contracts. Explore the canonical M15–M18 Motion Design field guide →

M1 · css · DEFAULT FOOTER

Footer smoke stream

exact prodyn.ai footer source · 2 blurred blue radial fields · 30s / 24s alternate drift from +3vw to −18vw · 3 sparse 4px cyan particles · right-to-left transit at 14s / 19s / 16s with 0s / 4s / 9s delays · canonical component: /dsm/components/footer-smoke-stream.html
M2 · css

Telemetry scan

keyframes: hold 0–16% top, travel, rest 55–100% · gradient band ≤12% alpha · one per panel max
M3 · css/canvas

Particle drift

small cyan points appear/fade · CSS drift for marquee rails (translateX −50% − 11px loop) · sizes 1.5–5px · alpha .2–.7
M4 · css/svg

Wave grid

cyan points/lines as low-frequency signal field · per DSM v2026-07-08 · alpha ≤.15
M5 · css/svg

Isolinear memory layer

behind-glass trace plates, front + reverse networks with registration offset · slow sparse light travel · per DSM §7
M6 · css

Plasma flame

variants layered / particles / full · DEFAULT full · hidden 3-dot switcher, rest alpha .12 · flicker band 1.2–5.8s alternate · component: plasma-flame.html
M7 · canvas

Starfield constellation

density W×H/18500 clamp 42–96 · link dist <136px, alpha (1−d/136)×.12 · pointer repulsion r160 @ .18 · speed ±.22 · wrap edges · DPR cap 2
M8 · canvas · DEFAULT

Login particle veil

80 particles rising vy −(.2+.4r) · halo double-draw 2×r at .15 alpha · sine pulse .005–.015 · links <150px @ .08, width .5 · exact shared implementation from /ui · default whole-page atmosphere · /dsm/assets/m8-login-particle-veil.js
M9 · canvas · LOCKED

Magnetic Confinement · Toroidal Plasmics

exact camera-locked motion reference from the prodyn.ai homepage · 14-coil ivory cage at 1.38r · 8 helical magnetic field lines, q=2.2 · 12 poloidal sections + 170 plasma glints · phosphor persistence via rgba(2,7,11,.30) · diagnostic scan walks φ every 14s · fixed perspective d=620 · slow idle precession · no flat square/circle/orbit fallback
M10 · css · EXPLICIT USE

Beam & grid substrate

fixed conic beam (from 210° at 70% 12%, alpha .085, opacity .7) · 76px page grid alpha .023–.034, vertical fade mask · legacy technical/diagnostic primitive · never the default whole-page atmosphere
M11 · js/css · SIDE TOOLKIT

Live data stream

safe placeholder telemetry only · .3s row entrance · newest row ivory · history dims · server-side redaction required before browser delivery
SYNCmemory checkpoint sealed
ROUTEhandoff node-4A verified
SCANcontinuity trace coherent
M12 · css · SIDE TOOLKIT

CRT phosphor overlay

1px scanline per 3px · alpha .14 · vignette .42 · 7s alternate breathe · console and telemetry surfaces only
THREADLINE :: PHOSPHOR ACTIVE
M13 · webgl · GATED HEAVY

3D memory manifold

explicit approval per page · lazy-loaded and canvas-contained · mandatory static fallback · never default furniture
M14 · css · SOURCE-DERIVED

Holographic asset drift

exact prodyn.ai current-focus asset motion · 7s ease-in-out alternate · translateY 0→−9px · 22px cyan drop shadow · grounded by a soft 5px-blur ellipse · use for one meaningful cutout asset, never a card grid
Registry rule. New motion requires a numbered DSM entry and a visible, reduced-motion-safe specimen. No prose-only primitive and no ad-hoc fallback.
Data display D1–D6

Information display standards

D1 · svg

Trend panel

viewBox 760×170 · 3 gridlines --chart-grid · trace 3px round caps + glow drop-shadow(0 0 8px cyan .25) · area fill gradient .28→0 · primary --pd-trace, secondary --pd-ok · inline SVG only, no chart libs
D2 · css

Capability lane

square card · bottom bar 2px, width var(--w), gradient cyan→ok, glow 18px .45 · value in --pd-trace display type
Continuity98%
Reliability78%
D3 · css

State chips

mono 10px, ls .13em, radius --r-soft 2px · states: neutral / ok / warn / alert · border tint .32–.34 of state color
60-day trendup · healthy watchblocked
D4 · css

Stat tile

mono micro label + display numeral · square, hairline, faint field rgba(2,7,11,.36….42) · grids of 2 or 4
Messages4321
Artifacts3021
D5 · svg

Signal field

gradient-stroked bezier curves (0→.60→0 cyan/ok stops, 2px) · faint 1px polyline net .14 · node dots r3–4 @ .48 · closing-section atmosphere
D6 · css

Status dot

6–7px, --r-dot · state color + glow-signal-sm · pulse 2s ease-in-out (opacity 1→.4) · pair with mono label
Status: live rail
Locked state system. ok #43D48A · warn #E4A43A · alert #E14B5A · trace #87ECFF. State and copper colors retain the five-percent restraint rule.