Skip to content
Silk UI
AgencyNew

Vermil — Creative production studio

A cinematic, red-lit template for creative studios and production agencies, with a WebGL hero that re-lights the photo under your cursor, generative light-painting, giant edge-to-edge wordmarks and a full team page.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Motion
  • Lenis
  • three.js
Live preview (opens in a new tab)Buy now $49$79

One-time payment · Instant download · All sales are final. By buying you agree to the License, Terms and Refund Policy.

silkui.com/page-preview/vermil
Vermil hero screenshot

Overview

VERMIL is a cinematic landing page for creative studios, production houses and agencies. Everything is lit in one colour: every photo is graded into the same black-to-crimson "red light". Wide, heavy display type and giant wordmarks run edge to edge.

It feels alive without getting in the way:

  • the hero is WebGL: your cursor moves a spotlight across the portrait, quick moves send a liquid ripple and an RGB split through it, and a lamp-flicker intro and live film grain sit on top
  • the team page opens on a generative light-painting shader, with four principles laid over it like windows
  • a draggable services rail includes a looping film card
  • a custom cursor turns into "View", "Drag" and "Meet" labels over the right things

The template has two pages. Home covers the hero, studio statement and stats, services, approach, selected work, manifesto, crew teaser, testimonials and a closing band. The team page covers the hero, philosophy, founder, the crew grid with fact tiles, values and a call to action.

Highlights

  • WebGL hero: cursor spotlight, liquid ripple and film grain
  • Live light-painting shader on the team page
  • Draggable services rail with a video card
  • Custom cursor, masked reveals and giant wordmarks

Screens

Studio statement
Vermil studio statement screenshot
Services rail
Vermil services rail screenshot
Selected work
Vermil selected work screenshot
Team page
Vermil team page screenshot

What's included

  • Re-lit hero
  • Studio statement
  • Services rail
  • Approach
  • Selected work
  • Manifesto
  • Crew teaser
  • Testimonials
  • Closing band
  • Team: philosophy, founder, crew, values

Getting started

  1. Install dependencies

    npm install

  2. Run the dev server

    npm run dev   # http://localhost:5187

  3. Build the static site

    npm run build   # writes the site to out/

Deploying

npm run build produces a plain static site in out/ that runs on any static host.

License & credits

All photos and video are free Pexels media, credited in the README. The studio, clients, people and figures are fictional. Replace the portraits with your own team.