Modular Design Process

Identify Patterns

Categorize Patterns

Categorize patterns

Content Pattern – WP editor Gutenberg Blocks

Design Pattern – HTML & SCSS

Organize you SCSS

Atoms – ┬áColor, Typography, Iconography – Global SCSS

Molecules – Theme styles, layout, utils

Organisms – A SCSS file for each Block