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
Mahlin is a video player that watches with you. Its only face is a single golden eye — the play button. The eye opens as the video plays, closes when it rests, and fills with gold while it loads, so you can tell what the player is doing at a glance, without reading a single icon. Hold the eye and drag to move through the video at up to 7x speed; drag down to return to where you were. Slide the right side for volume, the left for brightness — in fullscreen and in normal view alike. Chapters, live hover previews, a three-video playlist, subtitles and quality controls sit quietly inside a deep navy-and-gold design: everything there when you need it, invisible when you don't. A gold Share button gives a video link and embed code, so the player can be shared and embedded anywhere.
A single golden eye as the only face of the player, beautiful idea. Drag the eye to scrub at 7x, nice.
A single golden eye is such a memorable identity for Mahlin. The deep navy and gold make the idea feel wonderfully cohesive.
I'd love to hear your perspective on my entry SIGHTLINE too, Mohsen, if you have a moment.
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
I turned a DJ deck into a video player. Every control does a real player job: the jog wheel scrubs, the tempo fader sets playback speed, eight hot-cue pads jump between chapters and light the current one, and the waveform strip is the seek bar, built from the film's real audio peaks.
The deck sits below the video, never on it, and anyone finds play, volume and fullscreen in a second.
I built it on Video.js v10 in plain CSS and 4 KB of TypeScript, with no images or web fonts. It's keyboard-operable, respects reduced motion, contrast and forced colors, and re-brands through a few tokens.
The look is my own Baltic palette: deep green deck, cream labels and amber LED glow.
Try it: https://videojs-cdj-skin.vercel.app, also live on my site: https://modestasgrz.github.io
Film: Tears of Steel © Blender Foundation, CC BY 3.0, streamed from Mux (playback ID lNg95EGnssc00hkLLQSCG02an2R3Ss702005HBDpEXYPBZk).
Hot-cue pads for chapters and a real audio waveform, every control earns its place.
NOCTILUCA — an abyssal Video.js v10 skin that turns playback into an expedition. Original bioluminescent jellyfish artwork and a custom 8-second motion study set the scene; spectral cyan and violet controls emerge from a glassy, low-profile rail, then recede so the picture stays in focus. Built from Video.js v10 media components with responsive layout, accessible labels and focus states, keyboard shortcuts (Space, M, F, ←/→), reduced-motion support, seek, time, mute and fullscreen controls. The player is ready to explore at the links below.
Halo is a matte glass player: frosted, lightly grained panes that float over the film and are shaped only by light, so the controls feel like part of one object and not stickers on a video. The panes blur the footage behind them, which keeps the controls readable on bright and dark scenes with no gradient over the picture. Light falls from the top left: raised controls catch it, hovering lifts and brightens one, and pressing sinks it into the glass, where a switched-on control stays. Charcoal is the only accent, used for icons, text and progress, and its icons keep at least 4.5:1 against the glass even over black frames. Focus is a solid charcoal ring, every control has a 42px or larger target, reduced-motion users get no transitions, and a higher-contrast or reduced-transparency preference turns the glass solid, with higher contrast also adding a real outline to every control.