Personal Website

A typography-focused personal space built with Astro.

· Active

This site is an exercise in restraint. The goal was to build a personal corner of the web that prioritizes reading comfort and visual clarity over flashy interactions. Every design decision starts with the typography and works outward from there.

The stack is deliberately simple: Astro for static generation, vanilla CSS with custom properties for theming, and zero JavaScript frameworks on the client side. Astro’s content collections handle blog posts, notes, and projects as typed Markdown files, which means the authoring experience is just a text editor and a git commit.

The design system is built on a fluid type scale using a Perfect Fourth ratio, with spacing derived from the body line height. Light and dark themes share the same layout and simply swap color tokens. The result is a site that feels intentional and quiet --- the content does the talking, and the design stays out of the way.