35 mm
Concept
35mm is an interactive love letter to analog photography. Rather than a static article, the site plays out like a museum exhibit in motion: visitors travel from Timeless Craft a heroic breakdown of Canon’s F-1 to the chemistry of colour-negative emulsion, then onward to a living catalogue of iconic film stocks. The narrative collapses half a century of camera lore into one fluid, self-guided scroll.
Visual Language & Motion
A snow white stage recalls light table translucency. Black PP Neue headlines swagger across a strict 8-column grid, while body copy sits in a softer grotesque that echoes camera manual typography. The hero loads a WebGL pentaprism that rotates with cursor drag; internal parts highlight on hover, each labelled with unobtrusive micro tooltips. Section transitions feel like film advancing in a sprocket: GSAP-timed frames “click” upward, accompanied by a faint shutter tick. Accent amber appears only on CTAs and data call outs, mirroring safelight glow in a darkroom.
UX & Performance
Draco compressed meshes and AVIF fallback stills keep LCP ≈ 1.2 s desktop / 1.6 s on 4G. IntersectionObserver lazy loads high res diagrams moments before they appear, and prefers-reduced-motion freezes prism rotation and swaps click-advance for gentle fades. All colour pairs pass WCAG AA, and tab order follows the story path so screen reader users receive the same didactic arc as sighted guests.
Takeaway
35mm proves educational content can teach through sensation: disciplined performance budgets, tactile WebGL and editorial clarity turn camera history and film science into an absorbing, modern web experience that leaves visitors itching to load a fresh roll.
