# data[].attributes.body
📘 Definición:
El equilibrio es la distribución visual de los elementos en una composición. Puede ser simétrico (cuando los elementos están balanceados en ambos lados) o asimétrico (cuando se usa el peso visual para lograr armonía sin ser idénticos).

🧠 ¿Para qué sirve?
Para lograr estabilidad visual y que el diseño se vea organizado y agradable.

# data[].attributes.body
📘 Definición:
El contraste se logra al combinar diferencias marcadas entre elementos: color, tamaño, forma, tipografía, etc. Esto sirve para que ciertos elementos se destaquen más que otros.

🧠 ¿Para qué sirve?
Para guiar la atención del usuario y destacar lo más importante en el diseño.

# data[].attributes.body
📘 Definición:
La alineación consiste en organizar los elementos de forma ordenada y lógica. Una buena alineación mejora la legibilidad y la estética del diseño.

🧠 ¿Para qué sirve?
Para que el contenido se vea limpio, profesional y fácil de seguir.

# data[].attributes.body
📘 Definición:
La proximidad trata sobre colocar elementos relacionados cerca entre sí para que el usuario entienda que están conectados.

🧠 ¿Para qué sirve?
Para organizar la información y hacerla más comprensible visualmente.

# data[].attributes.body
📘 Definición:
La repetición consiste en usar los mismos elementos visuales (formas, colores, tipografías, íconos) a lo largo del diseño para crear consistencia y unidad.

🧠 ¿Para qué sirve?
Para mantener coherencia en el estilo visual y fortalecer la identidad del diseño.

# data[].attributes.body
📘 Definición:
También llamado "espacio negativo", son las zonas vacías que no están llenas de contenido, pero que permiten respirar visualmente al diseño.

🧠 ¿Para qué sirve?
Para destacar elementos importantes, mejorar la legibilidad y darle elegancia al diseño.

# data[].attributes.body
⚖️ Equilibrio

🧾 ¿Qué es?
Es la distribución visual de los elementos dentro de un diseño para que se vea estable, ordenado y armonioso.

🎨 Tipos:

Simétrico: Elementos iguales a ambos lados.

Asimétrico: Elementos diferentes pero con peso visual equilibrado.

Radial: Todo gira alrededor de un punto central.

✅ Sirve para:
Lograr una composición visualmente agradable y fácil de entender.

# data[].attributes.body
🎯 Contraste

🧾 ¿Qué es?
Es la diferencia entre dos o más elementos para hacer que uno resalte frente a los demás.

🎨 Se puede crear con:

Colores (claro/oscuro).

Tamaños (grande/pequeño).

Formas (recta/orgánica).

Tipografías (gruesa/delgada).

✅ Sirve para:
Llamar la atención del espectador y destacar lo importante.

# data[].attributes.body
📐 Alineación

🧾 ¿Qué es?
Es la manera en que se colocan los elementos visuales en línea o en relación unos con otros.

📏 Ejemplos de alineación:

Izquierda o derecha (común en textos).

Centrada (para títulos).

En cuadrícula (para organización visual).

✅ Sirve para:
Dar orden, estructura y limpieza al diseño.

# data[].attributes.body
🤝 Proximidad

🧾 ¿Qué es?
Es la relación visual entre los elementos que están cerca. Si dos cosas están juntas, se entienden como parte de un mismo grupo.

✅ Sirve para:
Agrupar información relacionada, facilitar la comprensión y evitar confusión.

💡 Ejemplo:
Nombre, teléfono y correo deben ir juntos en una tarjeta de contacto.

# data[].attributes.body
🔁 Repetición

🧾 ¿Qué es?
Es el uso constante de ciertos elementos visuales como colores, formas o tipografías a lo largo del diseño.

🎯 Se puede repetir:

Colores principales

Tipografías

Íconos o estilos de ilustración

✅ Sirve para:
Crear unidad, consistencia y una identidad visual clara.

# data[].attributes.body
⚪ Espacio en blanco

🧾 ¿Qué es?
Es el área vacía entre los elementos del diseño. También se llama espacio negativo.

✅ Sirve para:

Dar respiro al diseño

Enfocar la atención en lo importante

Mejorar la legibilidad

💡 Importante:
No siempre hay que llenar todos los espacios. El espacio en blanco también comunica.