Colophon & Architecture

Editorial design system, typography foundations, and technical governance.

This website is built as an Editorial Systems Monograph: combining the layout discipline of technical papers with interactive evidence verification. Every metric and code reference is verifiable against reproducible project retrospectives.

01 · Technology Stack

Built on Astro 5.2.4 as a static monograph with zero client framework JavaScript overhead by default. Interactive islands (architecture diagram step controllers and theme switching) are hydrated using vanilla web standards and scoped GSAP animations.

02 · Typography & Glyphs

Display headings use Instrument Serif for editorial authority. UI labels and running prose use Geist and Geist Mono for high-contrast legibility across desktop, tablet, and mobile breakpoints.

03 · Color Palette & Contrast Standards

Built on warm unbleached paper (#FDFDFC) and deep ink (#18181B) in Light Mode, with high-contrast slate (#121214 / #F4F4F5) in Dark Mode. All text-to-background contrast ratios strictly meet or exceed WCAG 2.2 Level AA (minimum 4.5:1 for body copy; 5.7:1 measured for muted metadata).

04 · Diagram Methodology

All technical architecture diagrams are built following the Cathryn Lavery diagram-design grammar: explicit trust boundaries, unidirectional data flow, actor isolation callouts, and interactive step controllers with complete static fallbacks.

05 · Third-Party Notices & Licenses

Astro (MIT), Tailwind CSS (MIT), GSAP (GreenSock Standard License), Geist Font (SIL Open Font License 1.1), Instrument Serif (SIL Open Font License 1.1). Source code for public projects is published under permissive open-source terms.