In this course, you’ll learn the basics of WordPress theme design, but with a twist. We’ll approach the process from a “design system” perspective. Instead of designing the theme page by page and button by button, we’ll start by defining a few key parameters: colors, typography, spacing, and sizing. Based on these, we’ll design basic and advanced patterns and document them along the way.

As a demonstration of how to use the design system, we’ll then design a full page: the index. By following this process, you’ll then be able to design your own pages in a consistent and efficient way.