CINEMATIC STUDIO
Cinematic Studio Website.
A studio website’s visual and content framework, turned into an open-source template you can customize.
View source on GitHub ↗Why make a template
Give the existing framework a useful next life. Company-specific information is separated from the general page structure and replaced with examples, so other creators can build their own studio websites from it.
Pages and visuals
The template retains navigation, the services dropdown, case and news pages, service details and contact pages. It supports Chinese and English, plus black-and-gold and light-blue themes. The hero features a cinematic sculptural space; service illustrations use gold fabric, blue glass structures and a warm workshop scene. The images are AI-generated examples.
Content management
The admin area can edit services, cases, partner brands, hero video and contact settings, and manage uploaded assets. Authentication requires your own password and secret keys. Contact-data collection and external course interfaces are disabled by default and can be enabled when needed.
Implementation
Built with Next.js, React, TypeScript and Tailwind CSS, with Framer Motion and Lenis for animation. Images are compressed to WebP, the hero crop is adjusted for mobile, and keyboard access and reduced-motion support are retained.
Source and current state
Source code is available under the MIT license, with instructions for running, configuration and deployment, plus the AI image prompts. The open-source version contains no original company projects or personal information; cases and news are empty by default. Linting, automated tests and builds pass. Content uses local JSON and files, suited to a single-instance deployment.
A closer look
