Ejemplos de sitios web que hacen uso del color azul y sus diversos tonos

0

El color azul denota seguridad y fortaleza, por eso se emplea en diversos sitios web corporativos. Utilizado en tonos pasteles puede asociar a la libertad o a escenarios marítimos. Si bien es un color frío, si las características del negocio se asocian más a la confianza, el azul es una buena opción. Eso sí, combinar colores siempre es algo complicado por eso hemos seleccionado una pequeña muestra de sitios web que hacen uso de los diversos tonos de azul en su interfaz. Esperamos que te sirva como material de referencia para próximos proyectos.

W3

Ejemplos de sitios web que hacen uso del color azul: W3

Este sitio presenta una gradiente que va desde celeste a un color turquesa con un ligero tinte de verde. Presenta iconos sencillos y grandes y su tipografía es de bastones delgados.

Evolve Wealth

Ejemplos de sitios web que hacen uso del color azul: Evolve Wealth

Este sitio ha usado diversos tonos de azul tanto para el fondo como para las ilustraciones en estilo flat que adornan la página de inicio. El color de acento es blanco, pero también se emplea tonos azules para la tipografía en ciertas frases que se quieren destacar.

Squares Conference

Ejemplos de sitios web que hacen uso del color azul: Squares Conference

Este sitio posee una fotografía como fondo, se ha aplicado un filtro azul. La tipografía es blanca y el botón de llamada a la acción es celeste.

Sparkbox

Ejemplos de sitios web que hacen uso del color azul: Sparkbox

Este sitio usa como fondo un color celeste. Las ilustraciones son sencillas, sin ningún color de relleno y la línea utilizada también es de color celeste. Para la tipografía se emplea un tono de celeste oscuro con tintes de gris.

Underbelly Creative

Ejemplos de sitios web que hacen uso del color azul: Underbelly Creative

Este sitio posee una fotografía como fondo y se le ha aplicado un filtro de color celeste. Los iconos son de líneas delgadas y estilizadas y se usa una tipografía sans serif.

Rest

Ejemplos de sitios web que hacen uso del color azul: Rest

Este sitio emplea como fondo un color pastel. El logo tipográfico también se ha realizado con tonos de celeste.

Cronnection

Ejemplos de sitios web que hacen uso del color azul: Cronnection

Este sitio emplea como fondo un video. Todas las escenas posee un filtro de gradientes celeste (de vibrante a pastel).

UIKit

Ejemplos de sitios web que hacen uso del color azul: UIKit

Este sitio web usa como fondo un solo tono de celeste. Las ilustraciones que adornan el sitio son de líneas delgadas y por ello no son elementos distractores.

Wallmob

Ejemplos de sitios web que hacen uso del color azul: Wallmob

Este sitio posee como fondo un tono gris oscuro, pero en su página de inicio emplea un tono celeste vibrante. Este color sirve para llamar la atención del usuario. Se emplea una tipografía de bastones gruesos para el título y una de bastones delgados para el texto de apoyo.

MySMS

Ejemplos de sitios web que hacen uso del color azul: MySMS

Este sitio presenta un fondo celeste vibrante que es el color que identifica a la marca. Para el texto se emplea blanco, al igual que para los botones fantasma que hay en esta página de destino.

Lander

Ejemplos de sitios web que hacen uso del color azul: Lander

Este sitio presenta un color celeste como fondo, las ilustraciones son de estilo flat y se usan botones fantasma. Para la tipografía, aunque se encuentre en diferentes puntajes y estilos, se emplea color blanco.

Statamic

Ejemplos de sitios web que hacen uso del color azul: Statamic

Este sitio presenta un filtro de estilo Low-poly donde cada polígono presenta un tono de celeste distinto. Este diseño se aplica como filtro para la fotografía que se encuentra como fondo.

Dickson Fong

Ejemplos de sitios web que hacen uso del color azul: Dickson Fong

Este sitio emplea una fotografía como fondo y se le ha aplicado un filtro de color azul, sin embargo es sutil, como si se hubiera fusionado en una sola capa. La página de inicio presenta esta foto y una frase colocado en dos líneas y con una tipografía de bastones súper gruesos.

Ripple

Ejemplos de sitios web que hacen uso del color azul: Ripple

Este sitio presenta un color sólido como fondo. Presenta una animación repetitiva y pausada. El botón de llamada a la acción se encuentra en la parte superior izquierda y suele ocupar mucho más espacio que un botón común.

One Design Company

Ejemplos de sitios web que hacen uso del color azul: One Design Company

Este sitio web presenta el objetivo de la empresa de manera animada: hace uso de transiciones e ilustraciones y las pantallas van intercalado entre tonos celestes y verdes.

National Climate Assessment

Ejemplos de sitios web que hacen uso del color azul: National Climate Assessment

Este sitio hace uso de los azules en abundancia, tanto su menú como el nombre de la organización se encuentra en color azul. Tras el menú, la pantalla se divide en dos y en el centro podemos ver un círculo. Tanto las pantallas divididas como el círculo emplean filtros de color azul, en cada uno de ellos se emplea un tono distinto.

Jar Design

Ejemplos de sitios web que hacen uso del color azul: Jar Design

Este sitio presenta colores vibrantes como fondo. La página principal hace uso de un color celeste sólido, aunque en otras secciones también se hacen uso de otros colores.Posee parallax scrolling y los iconos son redondeados.

Hublot

Ejemplos de sitios web que usan el color azul: Hublot

Este sitio presenta un video de fondo. El escenario es submarino por lo que el color azul que se ha aplicado realmente refuerza el diseño. Como colores de contraste se emplea blanco para ciertos iconos y amarillo para la mayor parte de los elementos.

Férias para Curtir

Ejemplos de sitios web que usan el color azul: Férias para Curtir

Este sitio presenta ilustraciones bastante coloridas. Toda la ilustración en conjunto es una especie de mapa, de fondo se usa color celeste para intentar imitar el mar ya que gran parte del mapa se encuentra conformado por islas.

Jacob Grubbe

Ejemplos de sitios web que usan el color azul: Jacob Grubbe

Este sitio web emplea un color sólido de fondo. La tipografía es sans serif sencilla y de bastones con grosor medio. La tipografía es blanca y el texto va apareciendo si presionamos cualquier botón del teclado. Se utiliza también el color naranja en las palabras que se quiere destacar.

Comparte este post.
Artículos Recomendados Para Tí:

Escribe tu comentario