The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Built FOLIO // LOUPE, a custom Video.js v10 skin and editorial screening room for Solheath Studio inspired by inspecting 35mm film strips on an analog light table with a physical glass loupe.
Instead of a flat dark overlay bar, the player sits inside a tactile cotton-paper folio. Hovering the seek bar brings up an optical glass loupe with spherical refraction, subtle chromatic rim dispersion, frame-accurate readouts, and an audio-loudness tick ruler.
Flipping the brass switch shifts the room from warm daylight paper into Darkroom mode with real-time four-edge ambient video glow. Pausing unfolds an angled paper slip for comma and period single-frame stepping and exact frame link sharing, while pressing C opens a seven-strip 35mm contact sheet streaming all seven studio films via Mux HLS and Mux storyboards. CSS container queries refit every control cleanly down to 390px touch screens alongside full keyboard navigation and reduced-motion support.
Inspecting 35mm strips with a glass loupe on a light table, beautiful reference. Cotton paper instead of a dark bar, nice.
appreciate it man, tactile paper felt way calmer
thanks man, the bar glows warm under the glass
the 35mm light table + glass loupe concept is so clever, folio // loupe feels like an actual editor's screening room
appreciate that man
The film-strip seek bar and the frame card on pause are beautiful details. It really feels like working at a light table, not watching a web player.
appreciate it, light table was the goal
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Turn Four: Every Frame on the Racing Line
Turn Four turns the replay timeline into a circuit. Drag around the oval to seek, choose one of four sectors, loop a detail, slow it down, or mark a moment to revisit. Warm paper, graphite control surfaces, condensed typography, and signal orange give the interface its motorsports character. Video.js 10 handles the player, with keyboard controls, visible focus, descriptive captions, responsive layouts, and reduced-motion styling. The fictional automotive concept film moves through dusk, daylight, night, and an overhead composition so the controls can be judged against changing images.
racing line replays are weirdly satisfying to watch. is this running on real telemetry?
Tactile — Paper Key: a Video.js v10 skin you can press.
Tactile treats the player as a desk object, not a screen overlay. Before drawing any UI, we modelled a small keypad in Blender: paper-white keys with an ink rim, a ribbed fader cap and a black status display. We pressed it, lit it, and flattened it piece by piece into CSS. Keys latch (1 px down, with a 2 px accent rim), faders scrub, and one display pill always says what the player is doing: PLAY 1.0×, PAUSED, LOADING or END. Play is the only orange key and everything else stays matte, so the dock reads the same over bright snow and a night street. Three glazes and one accent token let it fit someone else's site.
Keyboard-first with a visible ink focus ring, 44 px targets, Esc closes every menu, forced colors and reduced motion supported. Source (Apache 2.0): github.com/promoparkllc/tactile-paper-key
Luminary — Multi-Style Video.js Skin
(**Please respect the original work and do not copy this multi-theme skin concept.**)
An elegant, constraint-free UI built to elevate any production.
**13 expertly crafted styles to suit your taste
**Fully responsive across all screen sizes
**Ready to use right out of the box
**When designing the core frame, my goal was to create a versatile, eye-catching player that fits any project seamlessly. Across all 13 variations, I focused on blending popular, in-demand aesthetics with timeless themes so every creator can find their ideal match.**
Let me know which style is your favorite in the comments. Thank you!
13 styles in one skin, impressive range. Nice work.