Colophon
How this site was made
A note on the typography, palette, performance, and code that built this portfolio.
The form of this site is part of the work. Every choice on this page is intentional, and most of them are reversible if a future-me thinks better of it.
Typography
Headings are set in Unbounded, a bold geometric sans-serif with wide letterforms and strong presence at display sizes. Body text and UI are set in Atkinson Hyperlegible, designed by the Braille Institute for maximum legibility, including for readers with low vision. Both are self-hosted via Fontsource under the SIL Open Font License.
The type scale is a Major Third (1.25 ratio), and every page caps the measure at 65 characters per line on long-form content.
Color
Three themes: Paper (default light), Ink (dark), and Press (high-contrast). All three meet WCAG AAA contrast on body text. The accent color is a single token; changing it changes the site.
Performance & accessibility
Built with Astro , which ships zero JavaScript by default. The site is fully static, server-rendered at build time. Lighthouse scores target 100 on accessibility and ≥95 on performance. Read the full accessibility statement.
Stack
- Astro: content-first static site framework.
- Tailwind CSS: utility classes layered on top of CSS variables.
- MDX: every page (including this one) is editable as Markdown.
- Vercel: free hosting, automatic preview deploys.
- GitHub Actions: CI runs type-check, lint, axe-core a11y tests, and Lighthouse CI on every PR.