Ponés una foto de fondo, escribís el título encima y no se lee: queda blanco sobre una zona clara, o se pierde entre los detalles de la imagen. La solución es la capa de color, una lámina que va entre la foto y el texto. Es la herramienta más útil del editor de landings y la que menos se usa: además de resolver la lectura, es lo que hace que la misma foto pueda dar dos secciones completamente distintas.
elegí el fondo de la sección
Seleccioná la sección y andá a Fondo en el panel de la derecha. Podés poner un color plano, un gradiente de dos colores con su ángulo, una imagen o un video. Para video conviene uno propio y liviano: va siempre sin sonido y en bucle.
activá la capa de color
Con la imagen o el video ya puestos, aparece la opción de sumar una capa de color encima. Elegís dos cosas: el color y la transparencia. La foto se sigue viendo debajo, pero pareja, y el texto pasa a apoyarse sobre un fondo estable en vez de sobre los claros y oscuros de la imagen.
elegí el color según lo que buscás
Hay dos usos distintos, y conviene tenerlos separados:
- Para que se lea: negro entre 40% y 60%. Oscurece parejo y el texto claro se despega sin que la foto desaparezca.
- Para teñir con tu marca: el color de tu marca al 25%. La sección toma tu identidad y la foto queda integrada, no pegada.
La misma imagen con una capa negra al 60% o con tu color al 25% da dos secciones que no se parecen en nada. Es la forma más rápida de que una foto de banco de imágenes deje de parecerlo.
revisalo con el texto real
Ajustá la transparencia con el texto definitivo ya escrito, no con el de relleno: un titular corto y grande necesita menos capa que un párrafo largo. Mirá también la vista de celular, porque ahí la imagen se recorta distinto y el texto ocupa más lugar sobre la foto.