El sitio web que mostró como ejemplo utiliza una fuente muy gruesa/negrita y grande. También modificaron el fondo para que fuera monótono y tuviera un color "plano" para crear más contraste. Parecían haber difuminado algunas zonas para que los detalles de las imágenes de fondo no se mezclen con el texto.

Sin embargo, es posible que no pueda hacer eso con las imágenes en su sitio web immehabayas.com, especialmente si es un sitio web receptivo. A diferencia de su sitio web, no importa si se pierden detalles del fondo brewster para aumentar el contraste del fondo + texto; Sin embargo, es posible que desee mostrar los detalles en sus imágenes. Una sombra paralela muy grande y suave puede crear un efecto similar, y puede hacerlo en CSS en lugar de ajustar cada imagen de control deslizante por separado.

Su sitio web utiliza una fuente más pequeña y delgada y utiliza la imagen original. Su texto es blanco y la imagen de fondo tiene mucho blanco a veces. Es por eso que no puede obtener el mismo efecto en su texto.

Tal vez una idea podría ser agregar un desenfoque muy sutil detrás de su texto y seleccionar otra fuente que tenga un poco más de impacto. También puede agregar una sutil sombra negra alrededor de ese texto.

Algunos ejemplos de lo que se puede hacer:

Estos ejemplos usan OpenSans extra negrita.

IMAGEN ORIGINAL:

SOMBRA GOTA NEGRA + FUENTE MÁS GRANDE

SOMBRA GOTA NEGRA + FUENTE AÚN MÁS GRANDE

TRANSPARENCIA DE FONDO + FUENTE MÁS GRANDE

FONDO DE COLOR BEIGE BLUR + FUENTE MÁS GRANDE

FONDO DE COLOR AZUL DESENFOCADO + FUENTE MÁS GRANDE

---

Aquí hay otra forma en que puede agregar más énfasis en su texto cuando se usa en un fondo ocupado.

El sitio web de los Brewsters oscureció sus fotos con lo que parece una especie de tono sepia. También usan una fuente mucho más pesada.

El tuyo, por otro lado, usa una fuente bastante clara en comparación y fotos muy claras. Especialmente alrededor de las áreas exteriores de tus fotos, donde la mayor parte del texto se vuelve más claro, tienes que oscurecerlo.

Solo mira dónde pones el texto, es la parte más blanca de la foto:

Grabar, Curvas, Niveles, Brillo/Contraste, Aerógrafo --- hay muchas, muchas formas de arreglar esto. Juega con ellos y encuentra un estilo que se adapte a ti mientras te deshaces de algunas de las áreas brillantes.

El sitio web al que ha hecho referencia utiliza una fuente de losa gruesa. Esos siempre se destacan bien y se ven geniales en color.

Sin embargo, Lato es una fuente mucho más delgada y no jugaría con los colores en su sitio para aumentar el contraste. Si desea que la fuente se destaque, intente aumentar un poco el peso de la fuente. Como eres un diseñador web, supongo que también estarás familiarizado con la propiedad de sombra de texto CSS3. Puede usar sombras de texto como en este ejemplo para que su texto se destaque más sin cambiar la fuente o el peso de la fuente. Aquí hay algunas ideas más geniales usando el mismo método pero logrando otro estilo.