From GitHub markdown files and a Google Drive folder to a full agentic context platform. This is the complete design and product history — every version linked, every era annotated. The kind of record that matters when you're building something that might last.
Relay existed before it was built. The first "version" was a GitHub repository of markdown files and a Google Drive folder of documents — briefs, decision logs, product specs, and context scattered across the exact tools the product would eventually solve.
The problem was lived before it was named. AI sessions were starting blank. Context was lost every time a session ended, a contractor finished, or a document moved. The only way to carry anything forward was copy-paste. Relay was the answer to a question being asked daily.
The first HTML prototype. A single page — the product moved from documents to a designed surface for the very first time. Early brand exploration: what does Relay look like? What does it say to a stranger?
No shared component library. No design tokens. No nav. Just a page that proved the concept could be communicated visually. The dark palette appeared here and never left. The teal accent appeared here and never left. The first time someone outside the building could understand what Relay was.
The first full multi-page build. This is where the Relay design system was born — shared CSS tokens, component patterns, the nav, the footer. Every version since has inherited this foundation.
Product, Platform, About, Contact — the site became a place, not just a page. The Source / Share directional framing took shape. The relay visualizer appeared. The first version a real user could navigate and understand.
The Loop program launched publicly. relay-nav.js became a shared JavaScript component across all pages — the first time the site had real infrastructure underneath it, not just styled HTML.
Six pages. Unified navigation. A coherent product story from hero to footer. The "pipe runs both ways" framing. The how-it-works accordion, use case panel, and tier grid all appeared here in their final commercial shape.
Patent-reviewed. Full Loop program. Primer-aligned design tokens. Cloudflare Turnstile, consent-gated analytics, OTP email verification, access code flow, and a complete dark/light/auto theme system. The version that ships on lawyer sign-off.
Every word reviewed. Every claim considered. The product is fully real here — real pricing, real architecture, real auth. The site and the product finally match each other.