What the heck is a colophon?

Basically a colophon is a term borrowed from the publishing world. It's a page that details how a book was published, ranging from the location to the font choices/typesetting and other details. In a web context, a colophon just talks about how a site was made! A lot of indie sites I admire have them so I decided to make one too!

How this site is made

Next.js 16 with the App Router as the framework
React 19 for components and interactivity
Tailwind CSS v4 for styling
Fraunces as the serif font for headings
Geist as the sans-serif body font
JetBrains Mono for code blocks
MDX for content and writing, powered by next-mdx-remote
next-themes for the theme switcher (light, dark, and retro modes!)
Lucide for icons
TypeScript for type safety
Vercel for deployment and hosting
pnpm as the package manager

My pixel portrait

A pixel portrail of the site's author

Huge thank-you to the wonderful folks at the IconFactory for making this delightful pixel portrait of me. I backed the Kickstarter for their Tapestry app and getting a pixel portrait was one of the rewards.