Six-second sequence animation for a product page section

A demo built for a specific brief. Not client work: the material shown is sample data, so what is on display is the mechanism.

I built a six-second inline SVG animation of the Onthos sequence for the What is Onthos section, driven by six contiguous beats: documents flow in (0.0-1.1 s), the first four fragments assemble into the lens (1.1-2.3 s), the lens turns 120 degrees as the remaining material is read through it (2.3-3.4 s), Claim, Entity, Metric and Theme emerge as fact chips (3.4-4.2 s), each fact draws a hairline back to its source passage (4.2-4.9 s), and a query lights cells and brightens the facts it used with their evidence (4.9-6.0 s). The desktop composition (1200x520) carries 14 fragments, 7 evidence lines and a 5 by 5 layer whose answer reads 2 facts, 4 sources. The phone composition (420x900) is a recomposition, not a resize: 9 fragments, fact chips in two staggered rows, 5 evidence lines and a 4 by 4 layer whose answer reads 2 facts, 3 sources. It plays once when it scrolls into view, never loops, reserves its height so nothing shifts, and under reduced motion shows the final frame at once. Both compositions are also rendered to MP4 and animated WebP, 181 frames at 30 fps. Palette, type and document marks are placeholders for the ones the brief says are provided.