Review the Completed Theme for Drupal 7

Last updated March 5, 2020

Check your version

This tutorial covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Sprout Video

To go from design to theme we worked through three major steps: building a style guide; building out Drupal; and finally applying the style guide to Drupal. In this lesson we'll review each of the steps outlined in this learning series:

  • creating a style guide with base rules, layout rules, and component rules
  • extracting design assets
  • configuring Drupal
  • creating theme files
  • debugging components from within Drupal

By the end of this lesson you will be able to outline the process needed to transform a static design file into a functional Drupal theme.