This Website
Built with Next.js and a deliberately personal aesthetic. No UI kits, no component libraries, no design systems borrowed from somewhere else.
Just CSS custom properties, two weights of Suisse Int'l, and some custom fonts I made myself.
The design started from a simple constraint: it should feel like it belongs to a person, not a template. That meant making deliberate choices about typography, spacing, and colour rather than reaching for a pre-built system.
Suisse Int'l does most of the heavy lifting — Semi Bold for display, Light for body. The handwritten elements use fonts I drew myself: Eden Hand for casual annotations, Eden Bubble for something a bit more playful.
The accent colour is #202BC7, which is a blue I've been using as a personal colour for a while. It's saturated enough to feel intentional, not so bright that it shouts.
The fonts
Suisse Int'l for everything structural. Eden Hand and Eden Bubble for the bits that should feel human.
The scattered photo layout on the homepage is built with absolutely positioned elements and CSS transforms — no canvas, no library. The circular text on the Playground page is an SVG textPath on a circle arc.
Everything is deliberately simple under the hood. If it can be done in CSS, it is. If it needs JavaScript, it's as minimal as possible.
No magic
CSS transforms, SVG textPath, and a few lines of JS. That's about it.