Style Guide

Style Guide provides a visual testing page for Drupal themes. Quickly compare the display of common elements across your themes, and verify that your new theme addresses all common style elements. Check out the demo site to see it in action.


The Style Guide module creates a preview page for displaying common theme elements in all active themes for your Drupal site. The module comes with previews for common HTML elements, such as tables, forms, links and lists. The Style Guide module creates an API and preview page for displaying common theme elements. Use it to preview items such as tables, menus, and lists in your custom themes.


The purpose of a visual style guide as both a general theming and development tool is to ensure that common site elements are styled in a consistent and intentional way. For further reference see

Installing Style Guide

Use test sites

There are many programs (XAMPP, MAMP, Apache2Triad) that help you setup a local test system easily. You should set one up to play with your site and to test backups and restores of your production site. Set up a test site using a copy of your live data. You do not want to have to ask in the forums how to save your site. You have worked hard to build it, it would be a shame to lose it.

  • Never do development or testing on your live production site. Drupal is fast and easy to install. Always test on a test site first.
  • Test that your backups work and that you know how to do a restore of your site. The test system can be your local desktop if you wish. You do not want to discover the hard way that you forgot a file or did not know how to do this when your site is down.
  • Test your site upgrade procedure before risking your live site and document the steps you take. Documentation aids repeating the process if necessary. Testing can be done with Simpletest.
Subscribe with RSS Subscribe to RSS - Quality assurance