Noir Cinematic Framer Template

About this template

Noir is a cinematic portfolio template for creative developers, motion designers, art directors and small studios. Every page is directed like a film: a title-sequence preloader, shutter-style image reveals, text that types and decodes itself, and a custom cursor that follows you across the site.

The design pairs deep black with one signal red, Anton headlines and italic Instrument Serif accents, so your work stays the focus. Projects, journal posts, team, services, process, experience, awards, FAQ and clients are all managed in the CMS, so you can update the whole site without touching the layout.

Every page shares one layout, with a sticky navigation, a newsletter footer and a full-screen mobile menu that opens like a camera iris. The template is fully responsive across desktop, tablet and phone, and every animation also respects reduced-motion settings.

Key features:

18 pages, including Home, About, Work, Case Study, Gallery, Journal, Services, Process, Experience, Recognition, FAQ, Contact, Privacy, Terms, Cookies and 404

CMS detail pages for projects and journal posts

9 CMS collections: Projects, Journal, Team, Services, Process, Experience, Awards, FAQ, Clients

Title-sequence preloader and page transitions

Custom cursor with glow trail, plus tap ripples on touch devices

Film-shutter image reveals, 3D tilt cards and magnetic buttons

Scroll-driven parallax, a “cinema window” effect and velocity-skew marquees

Typewriter, letter-decode and word-by-word text reveals

Interactive film-strip gallery with a full-screen lightbox

Animated testimonial slider, count-up stats and a live clock

Unique full-screen mobile menu that previews each page as you touch it

Newsletter and contact forms

Responsive layouts for desktop, tablet and phone

Respects reduced-motion settings