Design a Matte Glass Video Player with Accessible ControlsDesign a Matte Glass Video Player with Accessible Controls
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
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.
Denis's avatar
Controls shaped only by light so they feel like one object, not stickers. Beautiful.
Back to feed
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