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
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
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
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
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
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
Este sitio emplea como fondo un color pastel. El logo tipográfico también se ha realizado con tonos de celeste.
Cronnection
Este sitio emplea como fondo un video. Todas las escenas posee un filtro de gradientes celeste (de vibrante a pastel).
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
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
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
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
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
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
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
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
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
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
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
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
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.