Cyanotype Archive

Overview

Cyanotype Archive is a film-archive marketing experience by SonoJS (demo brand: Leon Vasari / Cyanotype Film Archive 1958-1989). Single-file static HTML with inline CSS/JS, Inter Tight, Newsreader, Noto Sans JP / Serif SC, custom cursor, and cyanotype wash palette. Horizontal reel shelves, drag/scroll spines, bilingual JP/EN detail sheet with Watch the film, Reels / Notes / Index chrome. Demo archive UI only - no streaming backend. Run with npx --yes serve . or host statically on Cloudflare Workers.

Highlights

1. 01

   Cyanotype wash stage

   Prussian blue paper palette with custom cursor and archive atmosphere.

2. 02

   Reel shelves

   Drag and scroll film spines with Reels / Notes / Index chrome.

3. 03

   Bilingual detail sheet

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

4. 04

   Zero-build static

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

You get

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

Run locally

From the unzipped project folder:

npx --yes serve .