Siena Film

Reference it for

• Pure-black rgb(0,0,0) page with cream #faf7ef primary ink, cinema-screen colour relationship
• Four-step dark surface hierarchy: #000 page, rgb(31,31,31), rgb(66,66,66) raised, cream surface inversions
• Three-display-face system: Neue Brucke (heavy condensed wordmark) + P22 Parrish Roman (romantic serif) + NB International (neutral body sans)
• Single-weight discipline (400 dominant, 600 sparing), hierarchy via size + family + case, not weight
• 17-step type scale from 6px chrome floor to 89.6px display peak
• WebGL <canvas> hero with preloader-w + tutorial-wrapper visible intro flow
• lil-gui controller left in production, debug-as-aesthetic, signals "we built this"
• Webflow-shell + Vercel-sidecar hybrid (app.js + out.css + main.css from a separate Vercel deployment)

Do not copy

• The "SIENA" wordmark exactly (heavy-condensed glyph treatment is Siena-coded)
• The Neue Brucke / P22 Parrish Roman / NB International typefaces if the brand has its own display face (these are commercial licences from specific foundries)
• The "Fast-paced and engrossing" pull-quote framing
• The lil-gui controller left visible unless the brand has a real reason to expose parameters
• The Webflow + Vercel-sidecar hybrid architecture unless replicating a marketing-team-driven CMS workflow
• The intro-tutorial-as-homepage pattern unless the brand has comparable narrative content to justify gating
• The 89.6px display peak unless the brand wordmark can carry that scale
• The "Siena Film Foundation" namespace