Fresnel® Framer Template

About this template

An editorial, cinematic template for video production studios, filmmakers and creative agencies that want their website to feel like their reel: confident, quiet and always in motion. Warm paper and ink tones, a REC-red accent, Inter Display headlines with mono labels, and real footage everywhere, from the muted showreel in the hero to loops that play when you hover a film.

Gaffer is built around one goal: turn a visitor into a project brief. The showreel, a filterable work index and detailed case studies build trust, and every call to action leads to a structured brief form. Films, journal posts and legal pages live in the CMS, so adding a new project never means touching the layout.

Key features

10 pages: Home, Work, Project, Services, About, Journal, Article, Contact, Legal and 404, with a shared navigation and footer

3 CMS collections: Works (client, category, runtime, cover, preview loop, film link, stills, credits), Journal and Legal

Showreel hero: a muted loop that opens into a full-screen player with sound, plus a custom Play cursor

Work index with category filter tabs, a View cursor and cards that play their preview loop on hover

Project pages with a specs header, Watch full film link, overview, credits, stills lightbox and next film

Full-screen dark menu on every breakpoint: curtain drop, staggered links, red text roll and floating stills

WebGL footer wordmark (Three.js) that assembles from pixel tiles and reacts to the cursor

Full-bleed photo break with a cinematic scroll zoom

Services with hover-preview rows, delivery formats and an FAQ accordion; About with principles, team and kit list

Contact page with a project brief form: type of film, budget, timeline and message

Scroll and hover animations throughout, with Reduced Motion respected

SEO, favicon, social image and guide cards next to every section

Responsive layouts for desktop, tablet and phone

Feel free to reach out with any questions - demidov.alexandr@gmail.com