How this site is built.
A colophon used to live at the back of a book — printer, typeface, paper, press. This is ours. If you care about how a site is put together rather than what it claims, this page is for you.
Static HTML, one CSS file, one JS file.
Frontend is plain HTML, CSS, and vanilla JavaScript. No framework, no build step, no bundler. A small partials loader injects the shared nav, footer, and the WhatsApp widget at runtime — same pattern as server-side includes, just client-side. Backend is FastAPI on Render for the founder-AI endpoint and the WhatsApp lead-capture. The static frontend is served from Cloudflare Pages with a cPanel mirror, so a single DNS flip can shift origins.
Performance choices.
No raster images anywhere. Every illustration is hand-written SVG or CSS-painted; that's why the page weight is tiny and why nothing waits on a CDN. Interaction-to-Next-Paint got a deliberate defer pass — heavy work is pushed past first paint with requestIdleCallback and a small task scheduler. The scroll-frame focus effect uses animation-timeline: view() where supported, with an IntersectionObserver fallback for everything else. View Transitions are on by default and disabled at the system level if the visitor prefers reduced motion.
Schema graph.
JSON-LD across the site declares one Organization (typed as ProfessionalService), six Service nodes (one per engagement shape), seven Article nodes (founder essays and case studies), two Person nodes (Aman and Aryan, cross-referenced as founders), a FAQPage on services, an ItemList on work, a HowTo on the 14-day MVP page, a VideoObject reserved for the explainer, a QAPage on the founder-AI block, and BreadcrumbList on every secondary page. The whole graph is hand-written — no plugin generated it, which is why the @id references line up cleanly.
Accessibility.
WCAG 2.2 AA pass. Skip-link to #main on every page, focus-visible styled everywhere (no outline: none without a replacement), an .sr-only utility for screen-reader-only context. All interactive target sizes are at least 24 by 24 CSS pixels — the WCAG 2.2 minimum. Colour contrast ratios are checked against the ink-on-violet palette, not eyeballed. Reduced-motion preferences kill view transitions, the grain layer, and the mesh-canvas animations.
Privacy.
DPDP-aligned. The WhatsApp lead capture stores a SHA-256 hash of the visitor's IP, truncated to the first 16 hex characters, alongside the message — never the raw IP. Retention is 30 days, after which a daily purge wipes the row. There is a "forget me" pattern on the privacy page that triggers an out-of-band delete. We don't run third-party analytics. No Google Analytics, no Plausible, no Fathom. The only request leaving your browser to a non-CDN origin is the founder-AI endpoint, and only if you type in it.
Self-build observability.
This site is built by an autonomous round-based loop. Every CSS and JS asset is cache-busted with a version string like ?v=20260604-6700 — the date plus the round number, so a glance at the source tells you which round shipped. Each round's CSS and JS additions land in append-only fenced blocks at the bottom of main.css and main.js, never inline edits to existing rules. The round log lives in docs/AUTONOMOUS.md; that's our build journal.
Code.
The repo is private right now. We'll open it when the round loop stabilises and the docs catch up. If you want a look in the meantime, ask on WhatsApp — we'll walk through it.