How it’s built
A short guide to editing Take One. The films sit in one code component and everything else uses named colour and text styles, so you can change it in minutes, by hand or with Framer Agents.
Films
Home page > Project Wheel component
Edit the films in its Array control
Each film: title, client, year, video, poster
Only the active and next clip load
Keep clips short and compressed
Styles
Colours are named tokens: Black, Paper, Accent…
Change a token and every page follows
Text styles: Name, Section, Statement, Body, Meta
Fonts come from Google Fonts
Header and footer live in the Main layout
Pages
Home: the film wheel
About: bio, services, kit, recognition
Contact: email and social links
404: custom not-found page
This page: the guide, delete it any time
SEO
Site Settings > General: title, favicon, social image
Each page’s settings: title and description
Titles under 60 characters
Descriptions under 155 characters
Add alt text to posters and images
Framer Agents
“Replace the films with my five latest projects.”
“Make the Accent colour warm orange.”
“Rewrite the About text for a wedding filmmaker in Porto.”
“Add a row of client logos under the About text.”
“Change the contact email to hello@mystudio.com.”
Support
Placeholder clips are from Mixkit; swap in your own footage
Questions or bugs: ezzat@ezzatabdelrazek.com
Built by Ezzat Abdelrazek
framer.com/@ezzatabdelrazek
Free to use for client and personal sites