This portfolio is built as an Editorial Systems Monograph: combining technical clarity with verifiable project records. Every metric and code reference is backed by reproducible tests.
01 · Technology Stack
Built on Astro 5.2.4 as a static website with zero client JavaScript by default. Interactive sections (diagram step viewers and theme toggle) use vanilla JavaScript and scoped GSAP.
02 · Typography
Headings use Instrument Serif for clear editorial emphasis. UI labels and body text use Geist and Geist Mono for legibility across mobile and desktop screens.
03 · Color & Contrast
Light mode uses warm unbleached paper (#FDFDFC) with dark ink (#18181B); dark mode uses high-contrast slate (#121214 / #F4F4F5). Contrast ratios meet or exceed WCAG 2.2 Level AA (4.5:1 for body copy; 5.7:1 measured for secondary text).
04 · Diagrams
System diagrams follow Cathryn Lavery layout principles: clear boundaries, one-way data flow, and interactive step controls with static fallbacks.
05 · Licenses & Libraries
Astro (MIT), Tailwind CSS (MIT), GSAP (Standard License), Geist (OFL 1.1), Instrument Serif (OFL 1.1). Source code for public projects is published under permissive licenses.