Hey there, no idea if my submission yesterday went through, therefore to be on the safe side, here we go: Farbspur is my entry for the Video.js Skins Design Challenge: a custom skin for the Video.js v10 player that gets out of the way of what you’re watching.

The player has no colour of its own. Its seek bar is built from the video: it finds the strongest picture changes and turns them into blocks of colour, so every film gets its own player and you can jump straight to a scene.

→ Glass appears only where your hand is: a single drop moving on spring physics → Skips count up as you press: +5s, +10s, +15s → Quality, speed, casting and theatre mode share one visual language → Full keyboard control, and reduced motion for anyone who asks for it

The film and sound in the video were generated for this project.

Live demo: https://farbspur.pages.dev Code (open source): https://github.com/moonz35345/farbspur

Thanks to @contra & @MuxHQ for creating the challenge.

I love this concept!

Design Agency Website

Only one cell on this homepage is black.

The rest of the page is a grid of rounded white cells: the headline, an event card, a white 3D spiral and a list of services. The black one, top right, holds the "Follow the future" button and stands out against all that white.

On the phone, the cells stack into a single column. The navigation folds into a menu icon, and the event card and spiral merge into one cell.

The headline reads "Designing Digital Experiences That Feel Effortless", so the grid has to look organized before anyone reads a word.

Designed by the Hue & Machine team.

#DesignAgency #WebDesign #AgencyWebsite #LandingPage #BentoGrid #MinimalDesign #UIDesign #ResponsiveDesign #MobileDesign #FigmaDesign

Looks cool