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

FrameworkAstro 7.2 (Static Site Generation)

Styling ArchitectureTailwind CSS v4 + daisyUI 5

Color SystemOKLCH (editorialDark & editorialLight)

Primary TypefacePlus Jakarta Sans (Variable)

Monospace TypefaceJetBrains Mono

Motion & ScrollLenis Smooth Scroll + Hardware Transforms

Hosting & CDNCloudflare Pages Global Edge

Asset VerificationastroSiteQualityEnforcer (Zero 404s)

Package Managerpnpm with strict lockfile compliance

Linter & QualityESLint 10 Flat Config + Prettier

Runtime Client JS0.00 KB baseline (Hydration only on demand)

Cumulative Layout Shift0.00 CLS guaranteed

Design & Performance Principles

Typography & Color Science

Set in Plus Jakarta Sans for crisp editorial hierarchy and JetBrains Mono for code blocks. The color palette is calibrated in perceptual OKLCH color space for consistent visual contrast across dark and light modes.

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.