Switchyard

Switchyard is a Framer template for AI infrastructure and developer tool companies, the ones whose buyer is an engineer.

Most developer templates stop at a landing page with a code block. An engineer evaluating infrastructure reads the docs, the pricing tiers, the security page and the changelog before anyone books a call. Switchyard ships all of them.

What is inside

A hero with a working request playground: four tabs, a query, a live request trace and structured output, so the product is shown running instead of described.

A five stage explainer, Receive, Discover, Structure, Execute and Verify, that maps to how a request actually moves.

A developer page laid out like real docs: quickstart, authentication, request anatomy, errors and webhooks, with code in Node, Python and cURL.

A security page built on permission scopes, audit traces and data residency, the three questions an engineering buyer asks before signing.

Pricing with three tiers, a metered plan and an enterprise route, written the way usage priced products are sold.

A changelog for shipping notes, and customer stories with the metrics and the implementation pattern, clearly marked as samples to replace.

A book a demo page with a real multi field form, including a company size select.

Built for

AI infrastructure, developer tools, API companies, MCP servers, platform teams and technical startups.

The build

Twelve pages. Instrument Sans and IBM Plex Mono with one accent colour style, so a rebrand is a few edits. Desktop, tablet and phone layouts, with a real phone menu.

Built entirely from native Framer layers, no code components, so every heading, card and link is editable on the canvas.

One licence covers unlimited published sites, including client work.