How this site is built.

The stack

• Astro 5 — static-site framework. Output is plain HTML and CSS; zero JavaScript ships to the apex unless we explicitly opt in. The build runs once, the output is served as files. There is no Node server in production.
• Caddy 2 at the edge — TLS termination, automatic Let's Encrypt certificate provisioning, HTTP/3, gzip + brotli compression, security headers. Configured in a single Caddyfile in our infra repo.
• Docker Compose — Caddy and the static file mounts live in a single compose stack alongside our product services (Ananta webhook, AsymmFlow engines, the Mini App, etc.).
• Hetzner CCX VPS in Singapore — single 16GB box; we don't yet need anything more. Cloudflare for DNS only (no proxy on the apex; Caddy provisions its own certs).

Typography

• Body: Rubik — variable font, weights 300–900. Self-hosted as woff2 with latin + latin-ext subsets.
• Display (headings): Space Grotesk — variable font, 300–700. Same hosting model.
• Accent (italic pulls, mantras): Crimson Text — static font, four weights. Used sparingly.
• Font drift fix: font-synthesis: none is set on html, plus grayscale antialiasing on macOS. This was the fix that resolved muddy bold weights when porting from Mac to Windows browsers.

What we don't ship

• No Google Analytics, Hotjar, or any third-party analytics scripts.
• No advertising trackers. No marketing pixels.
• No client-side JavaScript framework runtime. The apex is HTML and CSS.
• No dark patterns. No exit-intent modals. No "we use cookies" banner because we don't set any.

Security baseline

• Browser security headers: X-Frame-Options: DENY, X-Content-Type-Options: nosniff, Referrer-Policy: strict-origin-when-cross-origin.
• Email deliverability: SPF, DMARC monitoring.
• security.txt at the well-known path (RFC 9116).

Source

The site source lives in our private monorepo at apps/studio-site/ alongside the AsymmFlow and Ananta site sources, the Caddy config, and our Docker Compose orchestration. Architectural decisions live in the same repo as design docs.

What inspired this site

A few websites we look up to: Kailash Nadh's personal site (the prose-first lineage), oat.zone (anti-trend craft), and Maggie Appleton's essays (intelligent typography). We are nowhere near as good as them yet, but we are trying.

The Asymmetrica mark — three overlapping ensō orbits in gold, ink, and forest green — is our way of nodding at the three-regime patterns that show up in the work we experiment with. The math is real; the symbol is just a quiet thank-you.