Meridian

An edge network that is hard to show

Meridian runs an edge network across 310 cities. What it sells is speed and reach, and neither has a picture. Most infrastructure sites fall back on stock globes, glowing lines and screenshots of a dashboard.

The site needed thirteen pages, from the home page and four products to pricing, changelog, contact and a 404, and it had to feel like one system, not thirteen layouts.

Art drawn in code, one move per page

We set the system first: Host Grotesk for headings, IBM Plex Mono for the technical voice, and five colors. Every image on the site is a code canvas, dithered through a 4x4 Bayer matrix in two colors, so nothing here is a static image.

Then every page got its own animation. The home globe moves through four scroll states. A request is traced through the stack. The pricing meter drags all the way to 10 billion requests. The changelog runs as a train, the contact page measures your own round trip, and the 404 is a lost packet.

Four products share one easing curve, so the whole site moves the same way. We designed every page in Figma and shipped it in Framer at three breakpoints, with notes and releases kept in two CMS collections.

One network, thirteen pages