Painting a Perfect Picture with Gesso


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 partial structure
  • Leverage SMACSS and BEM to write maintainable CSS
  • Control Drupal’s markup

Session Track

Front End

Experience Level


Drupal Version