La metodología Atomic Design es un enfoque para diseñar interfaces web y aplicaciones dividiendo los elementos en partes más pequeñas y reutilizables, como si fueran átomos en la química.
Se organiza en cinco niveles:
- Átomos: Elementos básicos (botones, iconos, colores, tipografías).
- Moléculas: Combinaciones de átomos (un campo de búsqueda con su botón).
- Organismos: Grupos de moléculas que forman secciones completas (una barra de navegación).
- Templates: Estructura general de una página con los organismos colocados.
- Páginas: Versión final con contenido real.
Esta metodología facilita el diseño modular, la coherencia visual y la escalabilidad en proyectos digitales.