DataSnipper's Design system

The challenge

After Datasnipper's re-branding, we needed to build a scalable and flexible design system that can be used by the whole company.

The result

We made a design system with multi-layer colors, from hex-codes to primitives to semantic colors. So Datasnipper can keep building upon this system for years to come.

Primitive color variables
Semantic color variables
Icons
Nav component, states and modes

Thanks for watching!

Check out more of my work at https://wva.webflow.io/

More by Wadim van Akkeren

View profile