<aside> 👋
Read this before touching anything in Framer. Following this sequence is the single most reliable way to avoid problems later.
</aside>
| Page | Purpose |
|---|---|
| Homepage | Hero, services overview, stats, client results, benefits, testimonials, FAQ |
| About | Agency story, team members, awards, client logos |
| Services | Four core services with detailed breakdowns and process section |
| Pricing | 3 tiers (Starter, Growth, Scale) with a toggle for monthly/annual. |
| Case studies | Case study grid — all client projects |
| Case Study | Reusable template for individual client campaign stories |
| Blog | Article index with category filters |
| Blog Post | Individual article page |
| Careers | Open roles and agency culture section |
| Contact | Booking/enquiry form |
| Privacy Policy | Plain-language data policy |
| Terms of Service | Standard terms page |
| Cookie Settings | Cookie preference management page |
| 404 | On-brand error recovery page |
<aside> ⚠️
Complete all three steps below before customizing anything. Skipping them is the most common reason setups go wrong.
</aside>
Step 1 — Duplicate the template
Open the template in Framer and click Duplicate in the top-left corner (Framer icon → File → Duplicate). All your work happens in the original remix. Keep the duplicate as a clean backup.
Step 2 — Watch the video setup guide
The video guide is linked in your purchase confirmation. It walks through the full setup in sequence — CMS configuration, domain connection, and going live. Watch it once before starting. It's under 20 minutes.
Step 3 — Read this documentation
This doc covers everything the video doesn't have time for: copy editing, CMS field logic, testimonials and social proof, image specs, and common mistakes. Keep it open while you work.
Follow this order. Each step depends on the one before it.