Making of

One person. One site. Start to finish.

The full build is being cut into a walkthrough. When it's ready, it plays right here.

In the edit

Premieres soon

The making of haywardlabs.dev

Chapters

  1. 01

    The brief

    What Labs is, who the site is for, and the one feeling every visitor should leave with.

  2. 02

    The design system

    Tokens first: color, type, spacing, motion. Then every page is built from them.

  3. 03

    The shader

    The living field behind the hero, written in GLSL and tuned to run on a phone.

  4. 04

    The simulators

    A PLC scan cycle and a CAN bus, modeled well enough that an engineer would nod.

  5. 05

    Motion

    Scroll-driven reveals, pinned sections, flipping cards, and what happens when you ask for less motion.

  6. 06

    Ship it

    Deploying to Cloudflare's edge and pointing the domain.