Health Monitors
February 2025
Previously, Health Monitors were simply cards with numbers and a status indicator. We wanted to change this so the information presented is more visual and informative to our users.
To do so, I created three statuses; Normal, Above Normal, and Below Normal. I then added color semantics to quickly pass on how to interpret the numbers.
Visually, I added texture to the status component to fit in gracefully with the existing tactile visual language Bevel has. This visual update connected well with our users.1