# data[].attributes.body
El equilibrio es la distribución visual del peso de los elementos en una composición.

SIMETRÍA: Elementos iguales o similares distribuidos equitativamente a ambos lados de un eje central. Transmiten orden, tranquilidad y formalidad.

ASIMETRÍA: Elementos diferentes, pero balanceados por su peso visual. Aporta dinamismo y creatividad.

Ejemplo: Un cartel con texto centrado (simetría) vs una portada con imagen grande a un lado y texto al otro lado (asimetría).

Sin equilibrio, un diseño se siente incómodo desequilibrado.

# data[].attributes.body
El contraste destacar elementos clave y hacer que un diseño sea mas interesante visualmente.

Puede darse por el color, tamaño, forma o tipografía y aumenta la legibilidad, ayuda a jerarquizar la información y dirige la atención del espectador.

Ejemplo: Título grande y en negritas con fondo oscuro; cuerpo del texto más pequeño y claro.Un diseño sin contraste es plano y aburrido.

# data[].attributes.body
La alineación ayuda a mantener el orden y facilitar la lectura. Los elementos deben estar conectados visualmente entre si.

Todo debe tener una conexión visual con algo más, incluso si están en diferentes partes del diseño y mejora la legibilidad, profesionalidad y coherencia del contenido.

Ejemplo: Textos y botones alineados a la izquierda o centrados en una misma linea guía.

Evita que los elementos parezcan colocados al azar o desorganizados.

# data[].attributes.body
Los elementos que están cerca se perciben como relacionados. Separar los elementos que no tienen relación mejora la claridad.

Ayuda a crear bloques de información coherentes y reduce el desorden visual y guía al espectador en cómo leer el contenido.

Ejemplo: Título junto a su párrafo, imagen junto a su pie de foto.

Una mala proximidad puede confundir al usuario sobre qué elementos están relacionados.

# data[].attributes.headline
(Uso de patrones para coherencia visual)

# data[].attributes.subject
(Uso de patrones para coherencia visual)

# data[].attributes.body
Repetir ciertos elementos (como colores, formas o tipografías) crea cohesión visual y estilo.

Refuerza la identidad visual de un diseño y hace que el contenido sea más predecible y fácil de seguir.

Ejemplo: Uso del mismo color para todos los títulos, misma tipografía en todo el documento.

Sin repetición el diseño puede parecer caótico o desorganizado.

# data[].attributes.headline
(Áreas vacías que mejoran la composición)

# data[].attributes.subject
(Áreas vacías que mejoran la composición)

# data[].attributes.body
El espacio en blanco permite que los elementos respiren, mejora la estética y legibilidad.

No debe verse como espacio desperdiciado si no como una herramienta para mejorar la composición.

Ejemplo: margenes amplios en una pagina, separaciones. publicidad minimalista, etc.

Un diseño sin espacio en blanco se siente saturado y difícil de entender