Start Here
Launch Settled in an
afternoon
The editing order, what each Home section does, and copy-paste prompts for the Framer Agent.
1. Editing order
Work in this order so nothing has to be redone: Styles (Assets → Colors and Text) → content (copy on Home, then the other pages) → CMS (Stories, Testimonials, Blog Posts) → images → SEO (Page settings → title and description per page, plus the site social image) → Publish.
Every colour is a Color Style (Background, Surface, Surface Raised, Border, Ink, Ink Muted, Ink Faint, Accent, On Accent, Glow 1, Glow 2). Change Accent once and every button, check and glow follows.
2. What each Home section is for
Nav: keeps ‘Start for free’ one click away. Hero: answers what it is, who it is for and what to do in five seconds; the micro-proof sits above the headline. Logo strip: instant trust. Stories: proof with numbers (CMS). Mid CTA: catches early deciders. Features bento: desire, with real product UI. Payday Calculator: personal proof in the visitor’s own money. Comparison: answers ‘why this and not a Word template’. How it works: answers ‘is switching work’. Testimonials: volume of proof (CMS). Pricing: decision support. FAQ: last doubts. Final CTA: the action, with the promise restated. Footer: newsletter as a second conversion.
3. Change the CTA label in one place
The primary button is the ‘Button’ component. Its Label property defaults to ‘Start for free’. To rename the action everywhere, select each Button instance with the Primary variant (nav, hero, mid CTA, pricing, final CTA) or ask the Framer Agent with the prompt below. Keep one label site-wide.
Change every ‘Start for free’ label on all pages, the Button component default and the PaydayCalculator CTA Label to ‘Try it free’, and keep the link to /signup.
4. Configure the Payday Calculator
Select the PaydayCalculator on Home. In the properties panel set Currency, the slider ranges and start values, Median Days (your real median days-to-paid), Minutes Per Nudge, the labels, CTA Label and Link, and the Footnote. The colours default to the template’s Color Style values; update them if you change the palette. Reduce Motion turns off the bar animation.
5. Ready-to-paste Framer Agent prompts
Rename the brand from Settled to <Your brand> in the nav wordmark, footer, page titles, SEO descriptions and all copy, and keep the layout unchanged.
Change the Accent Color Style to #2F6BFF, set Accent Hover 6% darker, and update Glow 1 and Glow 2 to two lighter tints of the new accent.
Add a fourth Pricing Card instance called ‘Agency’ at €59 a month (€49 yearly) to the Tiers row on Home and /pricing. Use the Default variant, keep Pro on Highlighted, and bind its Yearly property to the page’s Billing variable (equals ‘yearly’) like the other three cards.
Add a new item to the Stories collection for a wedding photographer in Porto who got paid 26 days sooner, with two metric chips and a three-part story.