All work
04 · Website · Built
This site
Designed and built by me, like everything on it.
A portfolio has one job: show the work and get out of its way. This one is also the nearest example of how I build a website.
The system
Three typefaces, five colours, two curves.
- Fraunces · statements
- A headline is taken in whole, so it can afford a serif.
- Geist · reading
- Anything read at length is set in a sans with even strokes, so nothing thins out and disappears on a dark ground.
- Geist Mono · labels
- 01 — STATUS · SOURCE · 13 OCT 2026
- Ink#0C0B0Athe stage
- Bone#F1EDE4text on ink
- Paper#ECE7DDthe page
- Char#15130Ftext on paper
- Ember#FF5A2Bwhat can be pressed
Arriving
cubic-bezier(0.16, 1, 0.3, 1)
Changing place
cubic-bezier(0.65, 0, 0.35, 1)
A few details.
The work does the talking
Every frame holds a real screen or a real recording. The page says one line about each and stops.
Two grounds, one accent
Ink for showing, paper for reading, and one colour for anything you can press.
Motion with a reason
Things move to show depth or a change of state. Nothing moves to fill a silence, and scrolling is never taken over.
Light
Plain HTML, no animation library, no cookies and no tracking.