← Projects index
2026 · Astro· TypeScript· Tailwind· Design

form, flow, function

This very site — a content-driven personal portfolio styled as an architectural cyanotype blueprint.

A personal site where content is fully separated from presentation. Every section — writing, projects, testimonials, experience, interests — is a plain Markdown file. The design is an architectural blueprint: a cyanotype print with a title block, dimension lines, and a sheet index for navigation.

Why a blueprint

I trained as an architect before I wrote software. A blueprint is the honest artifact of that world — it shows structure, intent, and dimension without decoration. It felt like the right metaphor for an engineer who cares about form, flow, and function.

Stack

  • Astro with Content Collections for the content layer
  • Tailwind CSS with CSS-variable theming (cyanotype ⇄ drafting paper)
  • Zero client JS beyond a theme toggle and a scroll-reveal observer