Studio Nocturne Framer Template

About this template

Studio Nocturne is built for studios whose work is moving image. The home page opens with your name, your roster and a grid of projects that play on hover. Each project page pins the details on the left while the shots scroll on the right, and a camera report updates as each shot comes into view: lens, stop, ISO, frame rate and a note from set. 

  Directors get their own pages with a bio, awards and their work. A client page lists every brand next to the projects made for them. A brief form makes it easy for producers to get in touch.

  Everything runs from the CMS. Add a project, a director or a client and every page updates. Drop in a video file and it plays on hover and in the project player. Leave it empty and the cover image shows instead.

  The details carry the camera theme throughout: a viewfinder intro, a camera-style cursor, live status lights on the roster and a side rail that works like a camera's control panel.

  

  Features

Viewfinder intro that focuses, takes the shot and lifts away

Work grid with video on hover

Project pages with a live camera report that follows the scroll

Custom film player with play, scrub, sound and full screen

Full-screen photo viewer with keyboard controls

Director pages with status, bio, awards and work

Client index with each client's projects

Brief form with director, budget and shoot dates

CMS for projects, directors and clients 

Smooth scrolling and subtle motion on every page

Respects reduced motion settings 

SEO set on every page and CMS item

Designed for desktop, tablet and phone

  

  Pages 

Home

Project (CMS)

Director (CMS)

Clients

Brief

404

  

  CMS collections

Projects

People

Clients

Credits

Photos and video from Pexels.

Want something similar built for you?, Write to me - studiocusame@gmail.com