A bit OT: What's up with the mouse pointer on that page? Why on earth would a site that has "design" in it's domain name change my mouse pointer to a finger-sized circle blob on my 4K desktop screen?
it's part of the Material Design 3 branding, for some reason. The original thread for the launch of the design system [1] is full of people baffled by Google making a cursor that lags
I just checked Material Design 3, as I use a lot of it in projects, and it still uses Roboto font for everything, so they're not even dogfooding the Sans font there yet, but they'll make us suffer their cursor :)
Cursor feels terrible. Native cursor moves very fast. This cursor does not feel native and moves very slow and sluggish. Do they paint it with Canvas or something like that?
I recall that it is a Div that uses the css invert property, but this can be cpu intensive depending on how it is moved (transform uses gpu I think but position is cpu)
This may be an unpopular opinion but I like the effect where the cursor turns into the button hover state when you hover over them, like the pause icon button on the video.
