I need your help, which one would you choose A or B? My only concern with B would be too much white space in the default state 🤔

B looks like a much better animation with easing, A reminds me the early days of pure CSS hover effects, then designers needed to use javascript plugins/codes to create smoother animations, now it's a few clicks in Framer :))

This is my submission for the Rive HMI Challenge. The concept is set in a post-apocalyptic world where manufacturing infrastructure is gone so vehicles aren't manufactured, they're built from whatever's available. The platform is modular: body, trailer, cargo bed all swappable depending on the job. This configuration is a scout and light delivery vehicle operating at -32° in terrain with unmapped threats. Get to the destination. Don't die. The UI follows the same logic as the vehicle. It's a grid system where each screen tile can be swapped based on what the situation demands. Instrument cluster, climate controls, navigation, vehicle diagnostics, everything reconfigurable. This was my first time building a full HMI system in Rive, state machines, nested artboards, data binding, the whole thing. Honestly it was a lot of fun. There's a point where it just makes sense after all the struggle to figure out state machine based systems. UI designed in Rive. Car model put together in Blender. Comp and Edited in After Effects.

Very creative concept!