Template guide

Start here.

Nine steps from the Reel template to your own studio site. This page is hidden from search engines.

1. Name and contact

Replace Lowlight in the Site Nav and the footer (Main Layout), and hello@example.com everywhere. Delete the Get Reel button in Main Layout.

2. Colours and type

Change Rec (the red of the playhead), Page and Panel in Assets > Colors. Headings use Archivo and stop at 40px on purpose: the footage is the big thing on every page.

3. The reel

Select the Reel on the home page. Upload your reel as an MP4 under Reel video, a Poster image, then one line per clip under Clips: Title | Type | /work/your-project | seconds. Still 1 to Still 8 are the thumbnails on the timeline, in the same order.

4. Smooth scrubbing

Dragging the timeline jumps to a frame. Export the reel as H.264 with a keyframe every 6 frames and keep it under 15 MB, so every frame is close to a keyframe.

5. Projects

Edit the Projects collection: Cover, an Excerpt video of about 8 seconds, three Stills, and Credits with one line per role, written Role | Name.

6. Services and questions

Edit the Services and FAQ collections. The time ranges in Turnaround are examples, not a recommendation.

7. The form

Select the form on Request a quote and choose where submissions go (email or a webhook). Send one test from your published site.

8. Skills

This project ships with Framer Skills: /reel-design, /edit-reel, /add-project, /add-service, /rebrand and /before-publish. Type / in Framer AI to use them.

9. Before you publish

Run /before-publish. The demo footage is from Coverr. Replace it with your own work. Check that every page has one H1, every image has alt text and the placeholder labels are gone.