Zenobē, a leader in sustainable energy solutions, needed a cohesive UI library to unify its digital products and streamline design efficiency.
To ensure the UI system could scale seamlessly across platforms and regional use cases, we adopted Atomic Design as our foundation. This methodology allowed us to build components in a hierarchical structure—from smallest elements (atoms) to complex UI patterns (templates and pages). It provided the flexibility to scale up and down efficiently, making it easier to adapt for different products and global markets.
Below is the UI Library in Figma - browse through components, inspect the system structure, and see how Atomic Design brings scalability to life.
