Uno de los elementos que se encarga de captar la atención del lector y mantenerla es la tipografía. Si sus fuentes son aburridas, demasiado pequeñas o demasiado difíciles de leer en su contexto, es probable que sus visitantes busquen algo más para leer. En este artículo, veremos 8 sitios web de Divi con una tipografía increíble para ayudarlo a inspirarse para su próximo diseño de Divi.
Una de las cosas que noté al investigar para esto es que me inclino por los títulos grandes y el color. Me gustan los colores de las fuentes y cómo los colores se mezclan con el sitio web. También me gustan los tipos de letra de bloque y script, e incluso pueden verse bien juntos si la situación lo requiere.
Algunos de estos sitios web tienen una excelente combinación de fuentes, mientras que otros usan un tipo de letra único. Mostraré una imagen de la sección que me gusta y discutiré lo que me gustó de las fuentes. Los sitios web no están en ningún orden en particular. Espere hasta el final para ver algunos enlaces que lo ayudarán a subir de nivel su propia tipografía increíble.
Este sitio utiliza Playfair Display tanto para el encabezado como para el cuerpo del texto, y una fuente elegante para el logotipo. Los títulos también se ven elegantes, lo que ayuda a establecer el tono de la revista, y me gusta el uso de cursivas para los eslóganes y las citas. Las letras negras se ven bien contra los fondos blancos y grises claros. La tipografía le da a este sitio un diseño en serie, pero no aburrido, que le permite saber qué tipo de sitio web es este de un vistazo.
Ver sitio web
2. RSVP boda
Este usa Playfair Display SC para los encabezados y testimonios, y Lato y Cardo para el cuerpo del texto y otras citas. También utiliza un elegante guión escrito a mano para el logotipo con un bonito degradado para colorear la fuente. Los elegantes colores encajan perfectamente con el tema de la boda del sitio web, usando bronceado sobre blanco o blanco sobre bronceado para la mayor parte del texto del título.
Ver sitio web
3. Un gran viaje por carretera
Este sitio usa Oswald para los encabezados y PT Serif para el cuerpo del texto. Una cosa que me llama la atención es la fuente en el logotipo, que se parece a Saveur Sans y tiene texto recortado para que se vea el fondo. También me gusta el texto amarillo de los títulos de las publicaciones del blog en la página del blog, que se destaca perfectamente de la superposición en la imagen de la publicación y funciona bien con el fondo negro del sitio web.
Ver sitio web
4. Carolyn Groombridge
Este sitio hace un gran uso de la fuente Loto. El texto blanco grande se ve muy bien contra las superposiciones de color púrpura y azul verdoso. Los títulos son extragrandes, destacándose y llamando la atención sobre las distintas secciones. El morado se utiliza para resaltar los servicios más importantes. Las páginas traen los títulos usando un efecto de escritura. Una vez que el título está allí, permanece en la pantalla. Me encanta la forma en que las páginas de servicios usan texto grande en la columna izquierda como una breve descripción del servicio.
Ver sitio web
5. Santa Benevolencia
Este utiliza una combinación de fuentes rojas Banque Gothic para encabezados y fuentes doradas Scheherazade para el cuerpo del texto, que combinan perfectamente con las etiquetas de los productos. Tanto el rojo como el dorado se ven muy bien sobre los fondos tostados. Me sorprende lo fácil que es leer el oro contra el bronceado. Se agrega espacio adicional entre las letras y las palabras para que el texto se destaque.
Ver sitio web
6. Bari en Jazz
Este sitio usa una fuente llamada Amp. Incluye texto inclinado y colocado dentro de un cuadro trapezoidal naranja que se ajusta a la marca del sitio web. También utiliza Amp para los encabezados dentro de cada una de las secciones en naranja, verde o blanco, lo que encaja perfectamente con los fondos. Me encanta el uso de la tipografía dentro del logotipo del sitio en el menú, así como dentro de la sección principal.
Ver sitio web
7. ideología
Este sitio usa Railway para el cuerpo del texto y Montserrat para el título. Los títulos tienen un toque de espacio adicional entre las letras y están en mayúsculas para que se destaquen. Sin embargo, mi uso favorito de la tipografía en este sitio es el gráfico grande que crea el título del sitio. Esto se usa en todo el sitio, incluso en el pie de página para crear el logotipo. Mi versión favorita es una sección de ancho completo que tiene el texto como un recorte para mostrar el fondo en paralaje sobre una imagen con una superposición roja.
Ver sitio web
8. Diseño interior
Este hace un uso interesante de la tipografía en el diseño de su logotipo, que se utiliza en todo el sitio en títulos y gráficos. Incluye familias de fuentes Alxna para el logotipo, B Bold para los títulos y B Regular para el cuerpo del texto. El eslogan en el área principal usa texto blanco con un efecto de sombra para resaltar. Los títulos sobre fondo blanco están en verde o negro. Las páginas de servicios muestran el texto del título como una descripción y se superpone a las imágenes.
Ver sitio web
pensamientos finales
Ese es nuestro vistazo a 8 sitios web de Divi con una tipografía increíble para ayudarlo a inspirarse para su próximo sitio web de Divi. Hay muchos artículos aquí en el blog de ET para obtener aún más ayuda con sus diseños de Divi. Una búsqueda rápida de fuentes aquí en el blog de ET muestra cuán popular e importante es este tema. Aquí hay algunos:
- 5 geniales ejemplos de diseño que demuestran el poder de las nuevas opciones de fuentes de Divi
- 50 términos tipográficos que todo diseñador web debe conocer (y comprender)
- 15 libros de tipografía esenciales para mejorar tu diseño artesanal
- 10 tendencias tipográficas para buscar en 2018
- 20 fuentes Hipster para darle a tu sitio un encanto folklórico
- Cómo usar fuentes descargadas en WordPress sin un complemento
- Cómo agregar fuentes Typekit a WordPress
- Las 30 mejores fuentes de escritura a mano para diseñadores web
- Cómo crear tu propia fuente (en 6 sencillos pasos)
- Emparejamiento de fuentes en diseño web: 7 principios clave revelados y explicados
- Paquete de diseño de combinación de fuentes Divi gratis: 1 hermoso diseño de diseño, 10 combinaciones de fuentes ideales
Queremos escuchar de ti. ¿Cuáles de estos sitios web con una tipografía increíble son tus favoritos? Háganos saber en los comentarios.