Using styleguide-driven development to maintain design consistency and keep developers happy

07/23/2015 - 11:15-07/23/2015 - 12:00
Balcony C
Experience level: 
Session Track: 

Front-end, User Experience and Design

This track covers delivering projects focused on the most important audience—the end user. Learn how to leverage Drupal to help you keep abreast of emerging trends in the mobile, componentized Web world. We’ll show you strategies for fostering collaboration between content creators, designers, strategists, and end-users.


The journal Science is undergoing a digital transition. As a previously print-focused publication, its web sites were historically implemented by contractors and vendors, without consistent design stewardship. This session describes how we created a maintainable design system that directly powers multiple sites, using Pattern Lab and Gulp.


A large, content-driven site with decades of articles spread across multiple platforms presents maintainability challenges for a small team. We've addressed this by applying modern techniques to create reusable, maintainable design systems.

In this session, attendees will learn how we avoid "design drift" by using canonical styles directly in our applications. By taking Sass and CSS out of our projects and using Pattern Lab as a project dependency, we saved developent time and money. We'll discuss how this approach keeps internal and external developers happy and successfully powers an expanding network of websites spread across three platforms.