Colophon

Last updated: June 2025

Colophon is a designer-y word for "how it's made"—here's what powers this site.

About this site

I designed and built this site myself. It’s a home to share my work, thoughts, and experiences as a product designer and engineer. The design emphasizes simplicity, readability, and performance—putting content first.

Technology

This site is built using Astro. Content is written in MDX, with full TypeScript for type safety.

The initial foundation was based on the AstroNano template, though it has been extensively modified and customized to match my design vision and requirements.

Code is edited using Cursor on a MacBook Air M1. My terminal of choice is Warp.

Domain registration is through iWantMyName. Hosting and deployment are via Netlify. Email is handled by Proton Mail.

Typography

Text is set in Tiempos Text for headings with Scto Grotesk B for body text and UI elements. Typography scales fluidly across devices using responsive design principles.

Styling

Styles are written using Tailwind CSS with custom components. The design system supports both light and dark modes with careful attention to contrast ratios and accessibility standards.

Accessibility

This site aims to conform to WCAG 2.1 AA accessibility standards. Features include semantic HTML, proper heading hierarchy, keyboard navigation, and screen reader compatibility.

Privacy

I collect basic, fully-anonymized page view analytics using Fathom Analytics. No tracking scripts, personal data collection, or invasive analytics.

Source Code

The complete source code is available on GitHub under an open source license. If you spot an issue or have a suggestion, feel free to file an issue.