Decouple Design with Styleguide Driven Drupal Development


The traditional approach of directly styling default Drupal markup is not a scalable solution when we consider the volatility of the modern browser ecosystem. It is now necessary for front-end developers to abstract design patterns into manageable components. By using a styleguide we can automate the process of isolating and cataloguing patterns so they can be iterated and tested against independently. In this presentation I will explain then discuss the benefits, challenges and process relating to Styleguide Driven Development. I will then lay down some informal rules you can use to manage components from in the styleguide.

  • Identifying and isolating design patterns
  • The Styleguide Driven Development (SDD) process
  • The benefits of SDD
  • Challenges relating to SDD
  • Some informal rules around our SDD process


Session Track

Front End

Experience Level


Drupal Version