I designed and built the Lynus Design System from scratch to align the product UI with Lynus' high-tech, hardware-focused positioning. The system provides a scalable foundation across web and mobile while speeding up design and development.
Before this work, the UI lacked a shared visual language. Interfaces were inconsistent, components were not reusable, and the overall experience did not reflect the technical nature of the product.
The system is based on Tailwind CSS for typography, color, spacing, radii, and shadows. On top of this base, I refined and extended the foundations to fit Lynus' brand and product needs. This work also established a clear visual direction centered on precision, clarity, and technical confidence.
Building on these foundations, I designed a library of brand-specific, reusable components used across all products.
These building blocks were then translated into more complex components and full UI patterns to support Lynus' core use cases. The goal was to make complex, real-time energy and hardware data easy to understand, actionable, and consistent across the product.
I worked closely with developers during implementation, assisting with React integration and contributing directly to component improvements in code. This ensured the system remained practical, scalable, and aligned with real production constraints.
The result is a consistent, extensible design system that now underpins all Lynus digital products — improving speed, quality, and long-term scalability.