Noir Cinematic

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