Case study · This site — Astro, Tailwind, editorial design
Personal Portfolio
A modern editorial portfolio built with Astro and Tailwind. Markdown content collections drive the experience timeline, certifications and project case studies — adding a new entry is a five-line file, not a fifteen-line HTML block.
01
The problem
Previous one-page vanilla HTML/CSS portfolio was hard to maintain (24+ jobs as raw HTML) and visually cramped.
02
The approach
Rewrote in Astro with content collections for every CV entry, Tailwind v4 design tokens, Fraunces + Inter typography, and View Transitions for page navigation.
03
My contribution
Sole developer and designer.
04
What I learned
Editorial typography pays off — generous whitespace and a strong type pair beats more 'effects' for readability and credibility.
A modern editorial portfolio built with Astro and Tailwind CSS. Markdown content collections drive every CV entry — adding a new role, certificate or project is a small file commit, not an HTML refactor.