Leon Vasari

Overview

Leon Vasari is a premium film-archive marketing experience by SonoJS (demo brand: Leon Vasari / Archive Edition). Single-file static HTML with inline CSS/JS, Inter Tight, Newsreader, Noto Sans JP / Serif SC, custom cursor, grain and vignette. Horizontal decade shelves (1950s to 1980s), drag/scroll film spines, detail sheet with Watch the film, bilingual JP/EN chrome, and paper-lacquer print aesthetic. Demo archive UI only - no streaming backend. Run with npx --yes serve . or host statically on Cloudflare Workers.

Highlights

1. 01

   Archive shelf stage

   Decade filters and drag-scroll film spines with paper-print atmosphere.

2. 02

   Detail sheet

   Open a title for bilingual JP/EN chrome and Watch the film CTA.

3. 03

   Print aesthetic

   Custom cursor, grain, vignette, lacquer red accents, and spotlight.

4. 04

   Zero-build static

   npx --yes serve . - single index.html plus local fonts and cover art.

You get

• index.html (Leon Vasari — Archive Edition)
• assets/fonts (Inter Tight, Newsreader, Noto) + fonts.css
• assets/images covers.webp, film.webp, film2.webp, spines.webp
• manifest.json

Run locally

From the unzipped project folder:

npx --yes serve .