Nadir Framer Template

Studio site with a scroll dive

Created by: Rayan Shamsi

$99

A dark, cinematic website template for brand, product, and film studios to present their work, services, studio, journal, and contact information. It includes work and journal CMS collections, sample case studies and articles, and motion inspired by a descent into the deep sea.

About this template

Nadir is a dark, cinematic template for brand, product and film studios. It is built around one idea, a descent to 10,935 metres, and every piece of motion on the page comes from that idea.

The signature moment: the studio's name is cut out of the hero like a window onto your showreel. As the visitor scrolls, the page dives through one letter of the name and into the footage. Change the name, pick the letter and drop in your own shots.

What is inside: 11 pages (Home, Work, Case study, Services, Studio, Journal, Article, Contact, Legal, Style guide and 404). Two CMS collections, Work and Journal, with the case study and article pages designed and filled with sample writing. A depth gauge that reads how far down the page you are. Headings that compress as they rise, using the variable width of the typeface. A work list where each name is lit by its own photo as it passes the middle of the screen. Current projects shown as edit timelines. A contact form with sending, sent and error states. A style guide page with every colour and text style.

Built to be edited: every word, picture, link and list is a control in the right hand panel or a field in the CMS. Colours and text styles are shared, so one change updates the whole site. No code needed.

Responsive and considerate: desktop, tablet and phone layouts, checked down to 320px. Motion switches off for visitors who ask their device to reduce it.

Licences: Single, $99, for one site. Unlimited, $199, for as many sites as you like. All Access, $299, for every Lucius Web Design template, now and later. Checkout is on Contra, and your remix link appears right after payment.

Questions? Message Lucius Web Design on Contra or use the contact page at luciusweb.com. The photos are samples that show the layout. All purchases are final.

Included Pages

  • Home
  • Work
  • Case study
  • Services
  • Studio
  • Journal
  • Article
  • Contact
  • Legal
  • Style guide
  • 404

More from Rayan Shamsi

View all

More Agency Templates

View all

More Creative Templates

View all

More Portfolio Templates

View all

More Showcase Templates

View all

More Animated Templates

View all

More Business Templates

View all