Logo and motion

The mark and the motion express the same idea: orientation. Three points, unevenly weighted, always finding balance, and a system that moves with direction, not decoration.
The mark

Three stars, not one.

No five-pointed stars. Three circular points of different scale, staggered on a diagonal and held inside a single circular orbit — precise, not symmetrical. Balance without repetition.

Three circles, three radii — 4.6 / 2.4 / 1.5
Positioned on a diagonal, never in a row
Contained within a single circular orbit line
Construction
Alternate directions

Other ways to draw Northstar.

Four explorations of the three-point idea, all built from unequal circles — never five-pointed stars, never a straight row.

A — Orbit
Current mark. Diagonal, contained by a ring.
B — Trajectory
A single curved path connects all three — a route, not a boundary.
C — Bearing
One point reads as origin; a thin bearing line points to the star.
D — Cluster
No ring. Tighter, denser grouping for small favicon sizes.
Scale
40px
28px
20px
14px
On inverse
Northstar
Northstar
Orbital drift

A mark that’s alive, quietly.

Each point drifts on its own slow, elliptical path — independent periods so the three never repeat in sync. The ring rotates once every 40 seconds. Used for splash screens, loading states, and the nav mark on hover. Never used decoratively at rest.

4.2s, 5.5s and 6s periods, ease-in-out, independent phase

The motion language

Motion is rare. There is one moment on arrival, and after that things only move to answer what a person does.

The arrival: lines are drawn

The home chart’s constellation is drawn line by line, once, when the page loads. A route between points, not a fade.

The answer: a bearing appears

Choosing a star rings it and draws its bearing from the pole. The reading beside the headline swaps with a short fade.

1.6s
constellation line draw
250ms
between lines
0.35s
selection change
40s
ring rotation
House ease: cubic-bezier(0.16, 1, 0.3, 1)