Start here
Launch
your
Holdout
site
in
an
afternoon
A short guide for the person who bought this template: what to edit, in which order, and prompts that do it for you.
1. Editing order
Styles → content → CMS → images → SEO → publish. Change the Color Styles (Accent, Glow 1, Glow 2) and the Text Styles first, because every page, component and the playground follow them.
Then rewrite the copy section by section, fill the CMS collections, swap avatars and logos for your own, set each page’s title and description, and publish.
2. What each home section is for
Hero: five-second clarity. Proof above the headline, the promise, one primary and one lower-commitment button, and the live playground.
Logo strip: instant trust. Cases: proof in numbers. Mid CTA: catches early deciders. Product bento: desire, built from real UI. Comparison: answers “why you”. Process: effort and risk. Testimonials: volume of proof. Pricing: decision support. FAQ: last doubts. Final CTA: the ask, repeated.
Keep one action label everywhere. This template uses “Start free trial”; if you change it, change it in the Nav, Button instances, Pricing Table and the playground’s CTA Label control.
3. Set up the playground
Select the Eval Run Playground on Home. In the right panel: Change 1–3 set the three chips, Change N Fails sets how many hollow cells appear, Change N Verdict sets the verdict text for passing runs, Autoplay Change picks which change runs on scroll, Cases sets the number of cases the panel reports on every breakpoint (Tablet and Phone draw a smaller grid but still count all of them), and CTA Label / CTA Link set the end-state button.
Every playground colour (Accent, On Accent, Ink, Surface, Surface Raised, Border, Fail, Success) and the hero light are bound to the Color Styles, so editing a style recolours them too. Nothing needs a pasted hex.
4. Ready-to-paste Framer Agent prompts
Framer Agent prompt · copy and paste
“Change the accent colour to #5EE6B8 in the Accent Color Style (the playground and the hero light follow it) and keep On Accent readable.”
Framer Agent prompt · copy and paste
“Rewrite the hero headline and subline for an AI gateway that routes prompts across model providers. Keep one italic accent word and under nine words.”
Framer Agent prompt · copy and paste
“Replace the three playground changes with: Route to the cheapest model, Add a fallback provider, Raise the timeout. Keep the fail counts.”
Framer Agent prompt · copy and paste
“Add a fourth testimonial row to the CMS with a metric line, and check the Phone layout.”
Framer Agent prompt · copy and paste
“Update every page’s SEO title and description for my product name, and set the social image.”
5. Before you publish
Check Home at Desktop, Tablet and Phone, test the signup form with your own email, and connect the form to your email tool in the form settings. Point the Docs links in the nav and footer at your own docs (they open docs.example.com), then delete this page and the footer’s Template guide link.