01 / Loading reveal
Start with edge-born lines, not a decorative field.
The page opens with decision paths entering from screen edges. They travel, split, and reveal real interface structure before settling into the background.
Living Systems / Decision Lines
One line enters. It makes decisions. A system begins.
A motion direction where paths are born from the screen edge, choose directions, split at boundaries, and then settle into the same portfolio template as every other page.
Motion grammar
The lab uses the same shell and contour lifecycle as the rest of the site.
This page is no longer a special route. It is a normal portfolio page that documents the motion rules while being animated by those same rules.
02 / Page transitions
When a page changes, the system keeps its memory.
Soft navigation preserves the living background, erases stale construction traces, and draws the incoming page as a continuation rather than a generic wipe.
03 / Case-study use
Let lines show hierarchy, not just decoration.
Outer cards, inner details, titles, summaries, signals, and tags get different trace strength so the wireframe explains the page instead of flattening it.
Implementation checkpoints
The important part is the coordinate-frame split.
The line system now separates page-aligned construction traces from viewport-fixed background motion, which keeps second-page navigation from feeling sticky or broken.
Four randomized screen-edge seeds per intro or transition.
Page wireframes scroll with content; original/background lines stay fixed.
Valid incoming wireframes persist after load, stale previous-page runs are invalidated.
Continuous ambient SVG runs independently behind the content layer.