Skip to content
Site Anatomy & Architecture

Technical Colophon

An exhaustive technical disclosure of the typography, perceptual color science, build pipelines, and performance guardrails powering this site.

System Specifications & Stack

Framework
Astro 7.3 (Static Site Generation)
Styling Architecture
Tailwind CSS v4 + daisyUI 5
Color System
OKLCH (editorialDark & editorialLight)
Display Typeface
Instrument Serif
Primary Typeface
Geist
Monospace Typeface
Geist Mono
Motion & Scroll
Lenis Smooth Scroll + Hardware Transforms
Hosting & CDN
Cloudflare Pages Global Edge
Asset Verification
astroSiteQualityEnforcer (Zero 404s)
Package Manager
pnpm with strict lockfile compliance
Linter & Quality
ESLint 10 Flat Config + Prettier
Runtime Client JS
0.00 KB baseline (Hydration only on demand)
Cumulative Layout Shift
0.00 CLS guaranteed

Design & Performance Principles

  • Typography & Color Science

    Set in Instrument Serif for display, Geist for interface text, and Geist Mono for meta and code. The palette is warm parchment and charcoal in OKLCH, with a violet accent.

  • Zero-Dependency Quality Hook

    Integrated with a custom build-time verification plugin (astroSiteQualityEnforcer) that crawls all rendered HTML in dist/ to prevent broken links, missing assets, and trailing slash discrepancies before deployment.

  • Editorial Minimalism & Accessibility

    Structured with semantic HTML5 landmarks, WCAG 2.2 AAA color contrast compliance across light and dark modes, responsive typography scalers, and hardware-accelerated motion tokens.