Design System 2.0
Color
Creating a highly versatile color system was by far the most challenging. Each color needed it’s one internal values that matched the whole in both light and dark backgrounds. These would need to work with other thematic elements like surfaces and elevation in as well as atoms and molecules.
Balancing light and dark color schemes.
Because we banked on Google’s Material 3 guidelines, we had a framework in place that we could bend and manipulate to work within our requirements. But the system could be confusing (even for designers), so I set up a similar system with samples for each hue in light, dark, and neutral modes. This became an essential piece when first discussing the library with front-end.
Alert levels
Overhaul has products dedicated to different (but very similar) goals. Risk Monitoring looks through the lens of security for each shipment. Shipment Manager, on the other hand, is focused on ETA’s (both scheduled and recorded). At times these systems can overlap without limiting the scalability of each product.
