Skip to content

Colophon

How this
came together.

A portfolio is a build, too. Here is what went into this one.

Built with my best friend, Claude Code.

This site would not exist without Claude Code. It assembled the source material into a data lake, wrote the pages with me inside a repeatable process, generated and matted the chrome portrait, and built the 3D bead that follows you down the page. A second assistant, Astra, took one pass over the layouts midway.

The decisions, the project history, and the responsibility for what appears here are mine.

Built with my best friend, Claude Code

The work comes first.

The case studies are grounded in my project notes, résumé, and work records. They distinguish what I built alone from what I contributed to a team, and separate deployed tools from prototypes and sandboxes.

Private operational records stay private. Public walkthroughs of gated tools use synthetic data, and the build includes checks for restricted names, details, and counts.

Graphite, chrome, and room to read.

The visual direction grew from the chrome portrait: dark graphite, reflected light, and a warm edge. Archivo gives the large statements their shape. General Sans carries the longer reading, with JetBrains Mono used for compact metadata. The fonts are served from this site.

The pages are rendered as HTML with Astro. Tailwind and custom CSS handle the layouts. Navigation and scrolling stay native, with small interactions added where they help: project filters, disclosures, theme switching, and optional films.

Generated atmosphere. Real project evidence.

The existing portraits, abstract project covers, and short loops were created with OpenArt, using Nano Banana Pro and Seedance. The portrait was generated from my own reference photographs.

These images set the atmosphere. The product screenshots, explanations, and linked work provide the evidence. Cover films are optional, and the page remains readable without motion.

Built to be used.

The site supports small screens, keyboard navigation, light and dark themes, and reduced-motion preferences. Images are sized for the screen, and video is kept out of the initial reading experience.

It is hosted on Vercel. Performance depends on the page, device, and connection; I do not treat a score from an earlier version as a result for this one.

Back to the work