Pattern Libraries: Leveraging Atomic Design and Pattern Lab to Develop a Living Visual Style Guide

Jayson Jaynes / Mark Miller
-
Proctor

How do you build a complex library of design patterns and styles that are compliant, accessible, responsive, and can be used across platforms and content management systems? All that while making sure it adheres to University guidelines and Web standards best practices that can grow with your brand as you develop more use cases?

UCSF and UC Davis will demonstrate how we utilized Pattern Lab to leverage atomic design principles to develop a living library to meet the needs of our clients and Universities. Giving a step-by-step overview to developing your own library and explaining the challenges we encountered and the solutions we developed. We'll talk about where we are now and what we are working on for future releases and discuss collaborations we hope will help the entire UC system.

Previous Knowledge

No prior coding knowledge is needed to understand the concepts and purpose of this talk. Though to utilize the code base, a working knowledge of HTML, CSS, PHP, and task runners like Gulp and familiarity with Sass, Twig, and Mustache compiling would be helpful, but not required.