Loading…
Reference
Movement that follows a line. Here, light runs down five ski runs and gathers on the valley floor, each route traced over the photograph so it stays on the piste.
How it’s builtThe hero, taken apart
The idea comes from a familiar kind of hero: an aerial shot of a motorway interchange, graded almost black, with light trails running along the lanes. That version is usually a pre-rendered video, seven seconds or so on a loop and a couple of megabytes. Ours is drawn in the browser: one still photo, the ski runs stored as about 120 coordinates, and a canvas drawing the light over them. It never plays the same way twice.
Draw
The route is one SVG path. Its drawn length is tied to how far you have scrolled through it, and each stop lights up once the line reaches it. Scroll back up and it undraws.
Follow
A train runs the Build line from our network map, easing in and out of each station and waiting there before moving on. It turns on the bends by itself.
Flow
Dashes run along each connector, so the diagram shows direction without arrows. Hover a box to pick out its own connectors. This one is the true route of this site's forms.
Type
The words sit on a curve and slide along it, measured so the loop joins without a seam.
The six lines of the studio: Creative, Print, Behavioural design, Build, Photography and video, and Axle.
The best path effects follow something real in the picture or the story. Show us yours and we’ll find the line in it.
Talk to us about a website