MÉLIES Cinéma — Classic Cinema, Restored & Streaming
Key features
Art-Deco cinema identity: oxblood + antique brass + ivory, Playfair Display serif + Jost geometric sans
Hand-crafted SVG poster of The Third Man — marquee rays, gold ferris wheel (Wiener Riesenrad), Vienna skyline silhouette
Live countdown card to the 21:00 screening, plus a seamless marquee ticker of film titles
Sections: tonight's features, restoration lab band (Scan→Restore→Grade→Project), seat tiers, FAQ, Film Club, press quotes, newsletter ticket
Seat-tier membership with theater metaphor: Balcony €9 / Stalls €15 (featured) / Loge €25, honest pricing
6-language i18n with instant switching and translated SEO metadata
Light/dark themes, slow sunburst rotation, scroll reveals and countdown — all with prefers-reduced-motion fallbacks
Description
MÉLIES Cinéma is an Entertainment landing page for a fictional streaming house devoted to restored classic cinema. Visual language: 1920s Art-Deco glamour — oxblood (#9e1f32) and antique brass (#b8872c) on an ivory canvas, Playfair Display poster serif paired with the geometric Jost sans. The hero pairs an editorial headline with a hand-crafted inline SVG poster of The Third Man: marquee sunburst rays, a gold ferris wheel (Wiener Riesenrad) and a Vienna skyline silhouette — no external images in the key visual. A live Tonight-at-the-Grand-Hall card counts down to the 21:00 screening. Sections: film-title marquee ticker, tonight's features (Metropolis wide card + Black Narcissus / Rashomon portrait cards with sepia film-still imagery), a drenched oxblood restoration-lab band (Scan → Restore → Grade → Project), seat-tier membership (Balcony €9 / Stalls €15 / Loge €25 with a theater-seating metaphor), FAQ accordion, Film Club with next-screening card, editorial press quotes, and a perforated ADMIT-ONE newsletter ticket. 6-language i18n (EN/ES/FR/DE/IT/PT) with translated SEO, light/dark themes, slow sunburst rotation, marquee ticker, countdown and scroll reveals — all reduced-motion safe.
Technologies used
HTML
CSS
JavaScript