Motion and depth showcaseMotion and depth showcaseCurrent / Depth

Motion that carries the story

Fictional sample. Every place, metric, status, and conclusion on this page exists only to demonstrate the report engine; replace it with verified project evidence before use.

Enter the first sceneBrowse the image railCheck reduced motion

Depth follows attention

Scroll changes the relationship between image and frame. Fine-pointer depth adds response without becoming the only way to read or navigate the page.

A green aurora above the Earth's limb, seen from the International Space Station

A rail can feel continuous without leaving its container

Mineral light

The Richat Structure's concentric rock rings in the Mauritanian desert, photographed from orbit

Night terrain

Smoke from a well-head flare drifting across the linear dunes of the Calanscio Sand Sea, seen from orbit

Distant signal

Moscow at night from the station, with a green aurora line and the moon above the horizon

Sequence makes evidence easier to scan

Reveal

Sections enter only when they become relevant.

Stagger

Related items arrive in authored order.

Progress

Scene depth follows bounded scroll progress.

Pointer

Fine-pointer response is local and frame-coalesced.

One picture, three moments

A green aurora above the Earth's limb, seen from the International Space Station Moscow at night from the station, with a green aurora line and the moon above the horizon

Night falls

The scene stays pinned while this text scrolls; each beat brings its own picture.

The city lights up

On a narrow screen or with reduced motion the pictures and beats simply follow each other.

Light returns

Nothing here is animated per letter: the picture changes when the next beat reaches the middle of the screen.

A flow drawn as you read it

Signal pathA signal moves from sensor to archive, with a correction fed back.
Signal pathA signal moves from sensor to archive, with a correction fed back. Nodes: 4; flow layers: 4. Layers along the flow: 1. Sensor. 2. Filter [Receives corrections]. 3. Model. 4. Archive [Final destination]. Connections along the flow: Sensor → Filter: raw (call); Filter → Model: clean (data or values); Model → Archive: store (call). Connections back against the flow: Model → Filter: tune (event or callback).SensorFilterModelArchiverawcleanstoretune
  • Receives corrections
  • Final destination
  • call
  • data or values
  • event or callback
Diagram in words

Nodes: 4; flow layers: 4.

Layers along the flow

  1. Sensor
  2. Filter [Receives corrections]
  3. Model
  4. Archive [Final destination]

Connections along the flow

  • Sensor → Filter: raw (call)
  • Filter → Model: clean (data or values)
  • Model → Archive: store (call)

Connections back against the flow

  • Model → Filter: tune (event or callback)

Capture

The connections draw themselves in the order of the flow as the diagram passes through the view.

Interpret

Each beat lights the part of the diagram it talks about.

Keep

The correction back to the filter is drawn last, as its own phase.

Numbers that arrive

The Richat Structure's concentric rock rings in the Mauritanian desert, photographed from orbit

1,284 field frames were read, and 97.5% of them kept their horizon.

The source keeps the final figures, so reduced motion shows their values without counting.

The effect never owns the meaning

Smoke from a well-head flare drifting across the linear dunes of the Calanscio Sand Sea, seen from orbit

Keep content complete without motion

When reduced motion is enabled, every image, card, control, and conclusion remains visible in the same reading order. Only movement disappears.

Return to depthOpen the Cinematic story

Contents