Holdout v2

Holdout is a dark, lilac-lit SaaS website for AI infrastructure and developer-tool startups: LLM evals and observability, agent platforms, AI gateways and RAG tooling. It is built for founders and first marketers who need a site as polished as the best dev-tool brands but specific to AI, without hiring a designer.

The hero is a working product moment. Visitors pick a change (swap to a cheaper model, shorten the system prompt, add a search tool), watch 240 test cases run, and see the deploy blocked or cleared, with a "Start free trial" button in the end state. Failed cells open a trace diff (a bottom sheet on phone). Every label, colour and count is a property control, so the playground works for any product that has "runs".

Around it sits a full conversion structure: micro-proof above the headline, a logo marquee, three CMS customer cases with native product UI, a mid-page CTA, a product bento, a homemade-vs-Holdout comparison, a three-step process, six testimonials, pricing with a monthly/yearly toggle and a security strip, an FAQ built on real objections, and a final CTA that repeats the promise. One primary action, "Start free trial", runs through the whole site and ends at a three-field signup form with a success state.

A Start Here page gives the editing order, explains what each section is for, and includes ready-to-paste Framer Agent prompts.

Features

• Interactive Eval Run Playground hero (code component with property controls bound to Color Styles)

• One primary CTA everywhere, sticky floating nav, three-field signup form with a success state

• CMS for blog posts (featured post + category filter), customer case studies and testimonials

• Pricing with monthly/yearly toggle, full comparison table and security strip

• Native product-UI cards: test sets, deploy gate, trace diff, calibrated judges

Pages: Home, Product, Pricing, Customers, Blog, Blog post, Signup, Start Here, Legal, 404.