Frame-Motion Framer Template

About this template

Frame Motion is a dark, cinematic Framer template for production studios, directors and video agencies that want their work to lead.

A near-black palette, warm cream text and one orange accent keep the focus on the footage. Large imagery, a showreel-style hero and clear case-study layouts give each project room, while the typography stays direct and confident.

What’s included

12 pages: Home, Studio, Services, Contact, Contact Success, Journal Article, Privacy Policy, Terms of Service, 404 and a Work Archive with grid view, list view and empty state

Home: showreel hero, selected work grid, studio introduction, services overview, four-step process, featured case study, journal teaser and closing call to action

Work Archive: category filter bar, grid and list views, project cards with arrow hover effect, pagination and an empty state

Services: four service rows with deliverables and typical timelines, process steps, pricing cards that read “Custom quote”, and an FAQ

Studio: philosophy, team cards, capabilities, collaborators strip and process

Journal article layout with breadcrumb, contents list, pull quote, image with caption, related articles and share links

Contact page with a project brief form, and a success page with next steps

Navigation with active-page states, a full-screen phone menu and a shared footer on every page

Reusable components: Navigation, Project Card, Service Row, Team Card, Article Card, FAQ Item, Primary and Secondary Button, Submit Button

Desktop, Tablet and Phone layouts for every page

Page titles and descriptions set for each page

Fonts: Space Grotesk and Inter, both from Framer’s font library

Who it’s for Production studios, directors, commercial and brand-film makers, music-video crews and freelancers who build sites for them.