Download northline.json

The route climbs, crosses the valley and walks up to the summit. The name comes up from the ground it stands on.

One line, walked once

The mark is a single route. It starts on the baseline, climbs the first stem, crosses down to the valley and climbs again. It ends on the summit marker, the one point on the map you set before you leave. The stroke matches the weight of the letters, so the mark and the wordmark read as one hand.

App icon, 180 px
64 px
32 px
16 px
One colour

Blaze, snowfield and night

Trail blazes are painted on trees so you can find the way in any light. The brand colour is that paint; the ink is the sky before a dawn start.

On blaze #E8592A, the whole lockup in ink.

On snowfield #F2F4F1 and white.

On night #0E1F2B, the name in snowfield.

4.2 seconds at walking pace

Timed at 100 beats a minute, a steady uphill step. The summit appears first, because a route app starts from where you want to go. The last second is stillness, so the finished mark is the thing you remember.

TimeActWhat moves
0.06 sSet-upThe summit dot appears where the route will end.
0.60 sActionThe route draws from the trailhead: up, across, up, in one stroke.
1.80 sArrivalThe line reaches the summit and the dot answers with a small lift.
2.10 sReactionThe letters rise through the baseline, one every 75 ms.
3.15 sHoldNothing moves until 4.20 s.

The same reveal as a Lottie

For the iOS and Android splash and anywhere the web page cannot go. Built from the same geometry and timing as the page above, played here by lottie-web.

File
northline.json
Canvas
1200 by 360, transparent
Length
252 frames at 60 fps
Colour slots
route and wordmark, for a dark-mode theme
Markers
reveal and hold