Illumina design system
I played a pivotal role in spearheading the initial stages of a comprehensive design system, crucial to the global brand's revitalization efforts.
This initiative aimed to enhance efficiency and ensure brand uniformity, empowering us to expedite product development on a larger scale.
Beginning with a layout grid lays a solid foundation, establishing the structural framework for what lies ahead.
Mobile or digital banner advertisement
Web landing page
Poster or single page advertisement
Billboard or two-page spread
Utilizing a baseline grid not only refines structure but also enhances alignment to a greater extent.
Mobile or digital banner advertisements
Web landing page
Poster or single page advertisement
Billboard or two-page spread
Establishing a typescale, modular spacing, and component ratios serves to uphold a clear hierarchy, ensure consistency, and maintain precise alignment throughout.
We employed the Major Third interval to refine our type scale.
We established our modular spacing system to ensure uniformity and precision in component placement.
We established component ratios to ensure uniformity and coherence in component sizing.
The new Illumina brand, inspired by the vast spectrum of light, boasted a rich array of colors. I dedicated extensive efforts to researching diverse color palettes and imagining their application. This endeavor culminated in the development of an extensive color library, providing our designers with a wealth of options to craft captivating color gradients.
Below, you'll find preliminary examples showcasing how this system begins to unify various layouts seamlessly.
Mobile landing page
Printed editorial