Atomic Design — это система проектирования пользовательского интерфейса, которая помогает вам организовывать ваши коды и компоненты четким и пригодным для повторного использования способом.
Атомы — поле ввода текста, кнопка
Молекулы — группы атомов, как поле поиска и кнопка
Организмы — группы молекул, как панель навигации поиска
Шаблоны — группы организма, где дизайн объединяется с действиями макета.
Страницы — конкретные экземпляры шаблонов, где пользователи в конечном итоге увидят
Несколько скриншотов из этого Видео на Youtube, которые помогли мне понять дизайн:
Полезные ссылки: