Project

Prince of Mulberry

Coming soon page for Prince of Mulberry Productions — a film production company named after the intersection of Prince St. and Mulberry St. in Nolita, New York. Built as a single self-contained HTML file with no framework, no build step, and no dependencies.

Tech Stack

Vanilla HTML / CSS / JS

The entire site is a single self-contained file — inline styles, inline scripts, and a Google Fonts import. No framework, no build step, no package.json. Deploys to Vercel as a static asset with zero configuration.

Canvas API

JavaScript film grain effect rendered at ~12fps via requestAnimationFrame — random noise drawn at low opacity with mix-blend-mode overlay to simulate analog film texture over the video background.

Google Fonts

Cormorant Garamond and Cormorant SC — italic, small caps, weights 300 and 400. The typeface choices establish the cinematic, editorial aesthetic that carries the site's visual identity.

Key Features

Film Grain Effect

Canvas noise rendered at low opacity with mix-blend-mode overlay simulates analog film grain — the kind of textural detail that distinguishes a considered design from a template.

Full-Screen Video Background

Autoplay muted loop with a CSS vignette overlay layered via radial and linear gradients. Sound is toggleable via an inline SVG icon swap — no JavaScript audio libraries required.

One File, Zero Dependencies

An exercise in constraint — proving that a polished, cinematic web experience doesn't require a framework. The entire site fits in a single deployable file.

Questions or feedback?