Painting a Perfect Picture with Gesso

07/22/2015 - 14:00-07/22/2015 - 14:45
Room B
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.


Learn how to design and theme Drupal sites using Atomic Design and the Drupal 8 CSS architecture guidelines. At Forum One, we created the Gesso theme to vastly improve Drupal’s default markup and styles, giving us a nice clean canvas to start each Drupal project with. We also created a version of Pattern Lab that outputs the same markup and styles as the Gesso theme, allowing us to quickly design and prototype reusable design components, layouts, and pages.

Topics Covered

  • Design for Drupal with Pattern Lab
  • Organize your Sass and design components
  • Leverage SMACSS and BEM to write maintainable CSS