JBS Design System
Elevating product experiences together
JBS design system empowers product teams to accelerate and elevate their design and development process through our meticulously crafted design assets and optimized React components.
The JBS Design System was a large-scale, cross-functional collaboration between the UI/UX design, development, and product teams, created to unify and elevate the design experience across all digital products.
I led the creation of a comprehensive design system for JBS, aimed at streamlining the design process while enhancing both visual consistency and user experience across platforms. The system features a robust collection of versatile components that can be tailored to meet the specific needs of various projects, ensuring a seamless balance between aesthetic appeal and functionality.
With a vast selection of variants, designers have the flexibility to adapt components to diverse use cases and design contexts—enabling faster iteration and improved scalability. The system also includes a full icon set and supports responsive design principles, allowing teams to create experiences that look and perform well across different devices, screen sizes, and themes.
JBS Design System provides an extensive design system that includes hundreds of Figma UI components and templates, this system is designed based on Elsevier Graphene Design System in UI/UX design and is organized to facilitate ease of use and customization.
