O Atomic Design é dividido em cincos components que trabalham juntos com o intuito de criar interfaces complexa e completas.

→ Átomos

São blocos de construção básicos da matéria que formam a interface

→ Moléculas

Grupos simples de elementos da interface do usuario que funciona como uma unidade.

Label + input + button = uma molécula

→ Organismos

Conjunto de moléculas que formam uma unidade, uma molécula com outra molécula ou mais, formam um organismos

Um header é um exemplo de organismos

→ Templates

São templates no nivel de pagina, onde colocamos em um layout formando a estrutura da pagina

→ Páginas

É o resultado final, exatamente como o template, com informações reais. Sao níveis de fidelidade mais altos por serem mais tangiveis