<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 | First impression + work preview |
| Branding Practice | Agency detail page for brand identity clients |
| Websites Practice | Agency detail page for web design clients |
| About | Studio story, founder, availability indicator |
| Work Grid | Filterable portfolio — visual grid + full index |
| Case Study | Reusable template for project stories |
| Journal | Editorial blog with category filters + newsletter |
| Contact | Minimal form with expectation-setting copy |
| 404 | On-brand recovery page |
| Privacy Policy | Plain-English data policy |
<aside> ⚠️
Complete all three steps below before customising 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. Use the duplicate as 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, the availability indicator, image specs, and common mistakes. Keep it open while you work.
Follow this order. Each step depends on the one before it.