Skip to main content
← willkline.com

Colophon — the site about itself

How this is built.

Distinct from /uses (the tools I reach for) and /rig (the gear in the listening chair). This is willkline.com pointing at itself — the indie-web colophon convention.

Stack

  • Next.js (App Router)
  • TypeScript
  • React 19
  • Tailwind
  • Biome
  • Vitest
  • Playwright
  • Turborepo
  • pnpm

Hosting + infra

  • Vercel
  • Cloudflare
  • Supabase
  • Stripe
  • Upstash KV
  • Fastmail SMTP

AI surfaces

  • Groq · llama-3.3-70b-versatile
  • Cerebras · llama-3.3-70b
  • OpenAI · text-embedding-3-large
  • ComfyUI Flux (planet textures)

The SignalOrb on the landing streams via NDJSON. Groq is primary (faster); Cerebras is the fallback. The 404 navigator picks one of the registered routes from a free-text query. Nothing trains on visitor input.

Type

  • Poppins · sans · ui body
  • Playfair Display · serif · headings + emphasis

Color

  • --glow#00CCFFCyan, the primitive
  • --bg#0a0a0aBackground — near-black, never pure black
  • --text#edededBody text
  • --brand-madcoolhifi#1e88ffMadCoolHiFi tint
  • --brand-madcoolstuff#3870ffMadCoolStuff tint
  • --brand-madcoolmoney#7bff9eMadCoolMoney tint
  • --brand-madcoolsocial#a78bffMadCoolSocial tint

Easter eggs

  • ·⌘K opens the command palette anywhere
  • ·? key on home opens the SignalOrb
  • ·Konami ↑↑↓↓←→←→BA flips --glow pink + opens a raw-JSON terminal
  • ·Drag the timeline on /resume to scrub through 26 years
  • ·Cycle button on /listen rotates Warmth → Open → Air every 4s
  • ·Tab through /rig to trace the signal chain step by step

CI

Every change runs eight adversarial agents on every PR (lint + typecheck + unit, plus style-sentinel, security-reviewer, RLS auditor, a11y auditor, perf auditor, Lighthouse CI, and a recursive auditor that arbitrates conflicts between them). The bar to ship is green across all of them.

Built by Will Kline + Claude (Anthropic). Pair-programmed in the loop.