Attribution
Behind the Pixels

The last page. What this site came from, who it borrowed from, and what it is actually made of.

Origin.

The Story Behind

It started in 2023 as a simple Next.js experiment. The code was messy, the design was derivative, but it was mine.

Fast forward to 2024. The web had evolved, and so had I. I wanted a digital home that felt ‘alive’. I tore it down to the studs and rebuilt it with a focus on craftsmanship.

This new iteration is a statement on how I believe the web should be: performant, accessible, and aesthetically refined.

Muses.

The Spark Behind

Six people whose work I kept going back to while building this. The label under each name is the part of their craft I studied.

01
Lee Rob
Architecture & DX
02
Rauno Freiberg
Interaction & Motion
03
Paco Coursey
Interface Craft
04
Shu Ding
Visual Engineering · also wrote no. 10 below
05
Brian Lovin
Product Details
06
Pedro Duarte
Motion Primitives

Built on.

What It Runs On

Everything here is somebody else's work, at the version this site is pinned to. Straight out of package.json — five runtime dependencies, and that is the whole list.

07
Next.jsv16.3.3
The framework. App Router, static prerendering, and the image optimiser behind every photograph on this site.
08
Reactv19.2.8
With react-dom, at the same version. Everything interactive on this site is a component.
09
Motionv13.1.1
The animation runtime behind the home section, the colour reveal in every heading, and the copy-email button.
10
cobev2.0.1
The draggable globe on the home page, with its city markers and arcs. Written by Shu Ding — the only name on this page twice.
11
@paper-design/shaders-reactv0.0.80
The WebGL dithering behind the closing panel. It publishes no homepage or repository, so there is nothing here to link to.

Built and checked with Tailwind CSS v4.3.3, TypeScript v6.0.3, Playwright v1.62.1 and Prettier v3.9.6.

Toolkit.

Everything Else

43 skills I can take professional work in — frontend first, and deliberately not a list of everything I have ever opened. What this site is built on is the section above; the two are kept apart on purpose.