Que es atomic design?

El diseño atómico, consiste en mirar todo de una manera clasificada, partiendo de lo mas simple hasta llegar a estructuras mas complejos cuyos elementos se relacionan entre si.

atomic-design-process.png

Átomos

Representación de pequeños elementos o unidades

Botones, texto, imágenes

atoms-form-elements.png

Molécula

Es la unión de átomos

Texto + imagen, etiqueta + texto

molecule-search-form.png

Organismo

Es la unión de moléculas

Un header: logo + nav + buscador

organism-header.png

Templates

Es la unión de organismos de forma estructurada formando una sección

Home, About, Shop

template.png