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
CONTACT reimagines the video player through the language of photographic contact sheets the original way filmmakers organize and explore moving images.
Instead of a conventional seek bar, CONTACT transforms the timeline into an interactive sequence of frames. Viewers can click, drag, and explore video moments through synchronized thumbnails and precise playback controls.
Inspired by cinematic archives and Swiss editorial design, CONTACT combines structured typography, a restrained charcoal-and-ivory palette, and terracotta accents.
Built with Video.js v10, the player supports responsive layouts, keyboard navigation, visible focus states, reduced-motion preferences, and essential playback controls.
Designed for film archives, museums, creative portfolios, and digital experiences where every frame has a place.
CREDITS
Player Design & Development: CONTACT — The Living Contact Sheet
Video Footage: Sample video featured in the official Video.js v10 documentation, delivered via Mux.
Original Footage Creator: Not yet identified.
Technology: Video.js v10
Video Hosting: Mux
Skin License: Apache License 2.0
🎬 Try CONTACT — The Living Contact Sheet
Explore the live, interactive Video.js v10 player:
Click or drag through the contact-sheet timeline to explore the video frame by frame.
Built with Video.js v10.
A contact sheet as the timeline is a great reference. Very filmmaker-friendly.
swapping the seek bar for a contact sheet is a really clever, filmmaker-minded idea
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
A little preview of a website concept I've been working on in Framer
Exploring visual direction, typography, layout and subtle interactions.
More coming soon!
Nice work on this project mate this is super awesome. The line spacing and colors are bold and vibrant
Earlier, I shared just the hero. Now here's the whole world. 🌍
ElseWhere is growing into a full packed Framer template, with immersive layouts, custom motion, and thoughtful details.
Launching soon. 👀
PS: This is my first template. More to come. 👀
Great Job man. Good Luck
Luxury Travel Agency Landing Page Design
A modern luxury travel agency website concept designed to inspire premium travel experiences through elegant visuals, immersive storytelling, and a seamless user experience. The design combines cinematic destination imagery, refined typography, intuitive navigation, and sophisticated layouts to create a high-end digital presence for luxury travel brands.
The website focuses on increasing engagement and booking inquiries with a clean user journey, responsive design, premium destination showcases, curated travel packages, testimonials, and compelling call-to-action sections. Crafted in Figma with a strong emphasis on usability, aesthetics, and conversion-focused design.
