NOTE
Go live
A short guide for whoever takes this template from demo to a real studio’s website: remix it, make it yours, put it on your own domain.
G-04
You’re looking at the preview. To get your own editable copy of Flatpack, remix it into your Framer account. It’s free, and nothing on this preview changes.
Find where the content lives
Projects and Shows are the two CMS collections: edit, add or delete items there and every list, card and detail page follows. The studio’s address, phone, email and hours appear in the Back Page footer (Manual layout template) and again on Contact, Start a brief, FAQ, Careers and Privacy, so search the project for “Slatebank”, “555” and “.example” to catch every copy. The 3D stand, its six steps, the header text and the stand size are properties of the Stand Kit component on the home page.
Swap the images
Keep each slot’s shape: project covers are 3:2, the photo bands are wide, and the Stand Kit’s built photo fills the stage. The demo images are generated or graded stock, so replace them freely with photos of your own builds.
Keep the fonts
Geist and Geist Mono come from Framer’s font picker, so they’re licence-safe for your published site. Change them in the text styles, not layer by layer.
Point the forms somewhere
Start a brief and Contact send to Framer’s form submissions by default. Open each form’s settings to send them to your email or the tool your team uses, and send yourself one test brief.
Site Settings → Domains → add your domain, then follow Framer’s DNS steps.
A custom domain needs a paid site plan. The free plan publishes to a framer.website address only.
2 CMS collections (Projects and Shows) and 22 pages including this guide, inside Basic’s 30-page and 2-collection limits.
Plans and prices change, so check current prices at framer.com/pricing before you upgrade.
Replace the sample content and the Slatebank Works name everywhere, including the CMS items.
Write page titles and descriptions, and set the favicon and social image in Site Settings.
Set where each form’s submissions go, then send a test.
Keep the reduced-motion setting on (Site Settings → General → Accessibility).
Delete this Go live page and its “Go live guide” link in the footer.