Skip to content

The details behind the details

How this site
is made.

A portfolio that treats software as something you can see, touch, and understand.

The type.

Space Grotesk for the big ideas. DM Sans for the details. IBM Plex Mono for code. Fonts are served by this website through Next.js.

The movement.

GSAP for the opening sequence, pointer-responsive project deck, and scroll-linked product images. Lenis for smooth scrolling. Motion steps aside when you prefer less of it.

The foundation.

Next.js App Router, React, TypeScript, and Tailwind CSS. Server-rendered content with small interactive components. Existing engineering case studies use Three.js and React Three Fiber.

The work.

Product images are captures of the actual public websites. The invoice interaction uses sample data and makes no requests to a live document workspace. Client cases keep identifying details private.

The references.

Spatial web experiments from Codrops, the craft shown on Awwwards, and GSAP’s motion tools. Original layout and components; no copied portfolio template.