Fresnel®

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