← Design Terms Explained

Atomic Design

Atomic Design is a methodology for creating design systems by breaking down interfaces into smaller, reusable components. It consists of five stages: atoms (basic elements like buttons or colors), molecules (combinations of atoms), organisms (complex components like forms or navigation bars), templates (page structures), and pages (final layouts with real content). Atomic design emphasizes modularity and reusability.