---
title: "Colophon | Technical Specifications | Sahil Langoo"
description: "Technical colophon detailing the typography, OKLCH color science, build architecture, and performance standards of this website."
canonicalUrl: "https://sahillangoo.in/colophon/"
author: "Sahil Langoo"
---

# Technical Colophon & Architecture Specifications

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

- **Site Name**: Sahil Langoo
- **Author**: Sahil Langoo
- **Canonical URL**: https://sahillangoo.in/colophon/

## System Specifications & Technical 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.