← xtravaganzamusical.com

  The Category Is — The Design System

The celluloid cut

This branch trades the neon stage for film: black-and-white archival photography, a mono ticker voice, and one family of color — the designer's official logo inks, spent entirely on the ✕, the name, and the two CTAs. Emails and print keep the daylight paper. These pages are unlisted — bookmark this one.

The Celluloid Stage

The site's system: film neutrals over B/W photography, the official inks, and the screened title — Sasa's Screen-blend registers, the patched-X logotype, and the billing type, all measured off her comp's vectors.

Open the legend →

Daylight

Email, PDF, and print: the deck colors on cream — flat, no glow. Governs the digest and both transactional emails. Unchanged by this branch.

Open the legend →

The Style Map

The rendered site, annotated: lines drawn from real elements to their tokens — the screened hero, signup, tickets + venue, and the strip, recaptured from the live preview.

Open the map →

Framing Lab

Direct the hero film's camera: scrub, drag the green viewfinder, mark keyframes, preview the moves, export the track.

Open the lab →

Practice Reels

Rehearsal footage from the Times Square event — for Sasa. Unlisted like everything here; please don't pass the link around.

Watch →

The Architecture

How the theater is built: the monorepo, the API, edge and deploys. Branch-agnostic — the same guide everywhere.

Open the guide →

Contact Sheet

Every photo on the site with provenance, photographer, clearance status, and fee, plus a Research section of licensing and House-request leads across the decades. Filter by status; click any frame for detail.

Open the sheet →

Dailies

Screen the hero motion takes side by side, frame-exact under one control: a synced 2×2 of the X-pop treatments (diamond-core vs ink-split, with the current and reduced cuts). Pick a beat, scrub, step frames; click a quadrant for the full-size take. Unlisted, like the sheet.

Open the screening →

House of Numbers

The admin dashboard: signups by status, the daily traffic panel, and the searchable subscriber table with CSV export. Behind Cloudflare Access, so sign in with your approved email.

Open the admin →

Tokens live in apps/web/src/styles/celluloid.css (stage) and the templates in apps/api/src/email/templates/ (daylight). Type on this branch: PP Right Grotesk Tall Black (the logotype face) · Manrope · JetBrains Mono. Site design by Sasa Rodriguez & James Mayes.