Pocas cosas son más importantes para la marca de una empresa que sus colores. La investigación sugiere que Las opiniones de nuestra marca dependen en un 90 % del color en sí.así que no se trata solo de hacer algo que se vea bien. Su paleta de colores afecta su resultado final.
Y al diseñar un sitio web, algunos colores pueden ser más difíciles que otros. A diferencia de los golpes duros (rojo, azul, verde), el naranja es más difícil de leer. Para muchos, el naranja significa diversión o relajación. Para otros, es el baloncesto, las palabras «Road Work Ahead» o la fruta del título que resulta ser un jugo decente.
El naranja también es útil en un sentido práctico, especialmente cuando llama la atención sobre un fragmento de la página. Esto lo convierte en un gran color para un CTA. Es brillante, pero no tiene las mismas implicaciones de «detención» o «desaceleración» que el rojo y el amarillo.
Considerándolo todo, colocar el naranja en la parte superior de la combinación de colores de su marca es una elección audaz y respetable (si aún no lo ha notado, el naranja también es un color importante para nosotros). Sin embargo, esto presenta un desafío para el diseño de su sitio web, especialmente si está creando su sitio por primera vez.
Por eso hemos creado 22 sitios web con naranja en sus diseños. Ya sea que planee usarlo con moderación o aprovechar al máximo sus vibraciones cítricas, consulte esta lista para inspirarse.
Los mejores sitios web de Orange
1. hubspot
Lo que nos gusta: En nuestro sitio web, usamos naranja para las principales llamadas a la acción y, por supuesto, nuestro logotipo de rueda dentada. También es común en nuestra interfaz de software para elementos interactivos como botones y visualización de datos. Puedes obtener más información sobre cómo HubSpot usa colores, fuentes, fotos y más en el nuestro guía de estilo.
2. almas salvajes
Lo que nos gusta: Wild Souls va más allá de casi todos los aspectos de su sitio web, utilizando colores intensos y terrosos para complementar su oferta de alimentos de origen vegetal sin procesar. Desde efectos de desplazamiento y cursor hasta fotos detalladas, fuentes y copias cuidadosamente seleccionadas, navegar por este sitio es casi tan adictivo como probar halva usted mismo.
3. Cerdo hormiguero
Lo que nos gusta: El naranja es el color que define al minorista sostenible de alimentos para mascotas de Aardvark y encaja bien con el sitio web de la empresa. A medida que se desplaza, verá que aparece en botones, encabezados, empaques, fondos y lindas ilustraciones animadas en la parte inferior de la página.
4. bebida de leche
Lo que nos gusta: La aplicación Milkshake le permite crear un sitio web personal sencillo y gratuito que se puede incrustar en su biografía en las redes sociales. El sitio web personalizado de Milkshake utiliza tonos más suaves de naranja para acentuar las páginas raras y captar la atención de sus visitantes. Nos gustan especialmente los colores que los diseñadores eligieron para el texto, optando por un naranja más brillante que contrasta bien con el fondo.
5. un equipo humilde
Lo que nos gusta: Cuando se trata de listas como esta, las agencias de diseño tienen una ventaja casi injusta. Son agencias de diseño, después de todo. Humbleteam es uno de esos grupos que utiliza su distintivo tono naranja para vincular una variedad de ilustraciones. El sitio web es un gran ejemplo de cómo una paleta de colores muy limitada puede llegar muy lejos.
6. AUMENTAR
Lo que nos gusta: Según su sitio web, BOOST es «la primera compañía que lo ayuda a enfermarse menos». Esta es una compañía de vitaminas con un sitio web brillante diseñado para atraerlo al concepto. Contra un fondo degradado naranja, el sitio web se enfoca en una botella giratoria que lo sigue por la pantalla mientras resalta los ingredientes activos.
7. Año nuevo, plan nuevo
Lo que nos gusta: New Year, New Plan es un sitio web informativo creado por el Programa de las Naciones Unidas para el Desarrollo para apoyar el Plan de Desarrollo Sostenible 2022. deslizar.
8. Universidad de Siracusa
Lo que nos gusta: La Universidad de Syracuse en Nueva York es conocida por su iconografía naranja: sus equipos deportivos incluso se llaman «naranja». Puede esperar que el color se presente en el sitio web principal de la escuela en varios lugares. Sin embargo, para ser legible y cumplir con las expectativas de los usuarios del sitio web académico, los diseñadores no se excedieron y, en cambio, usaron Orange con moderación pero de manera efectiva.
9. desayuno japones
Lo que nos gusta: Japanese Breakfast actualizó recientemente el arte de su sitio web para apoyar el lanzamiento de su último álbum, y tiene un fondo similar a un caqui que aparece en la portada del álbum. El sitio no es muy bienvenido, con un menú de navegación discreto en la parte superior y una clara llamada a la acción en la parte inferior.
10 Chirpley
Lo que nos gusta: Sé que esta no es una lista de sitios web bonitos. Pero si alguna vez escribo uno de ellos, Chirpley definitivamente se encargará de ello. Es una plataforma de marketing que ayuda a las marcas a llegar a sus audiencias a través de pequeños influencers. A diferencia de otros sitios, la paleta de Chripley es casi toda naranja con diferentes niveles de saturación.
11 kelsey dake
Lo que nos gusta: El sitio web de la ilustradora Kelsey Dake utiliza el naranja como fondo para las entradas de su cartera en lugar del blanco tradicional. Nos parece un buen complemento para un estilo artístico audaz y vibrante.
12 Armadillo
Lo que nos gusta: Armadillo ofrece protección de suscripción para electrodomésticos. Su sitio web es otro ejemplo del uso de naranjas para vincular imágenes separadas, incluidas ilustraciones, copias y llamadas a la acción. Cada vez que aparece un color, sirve como un sutil recordatorio de dónde se encuentra.
13 diente feliz
Lo que nos gusta: Happy Tooth Children’s Dentistry tiene como objetivo crear un ambiente cálido y acogedor para sus pacientes, y lo mismo puede decirse de su sitio web naranja. Decorada con imágenes brillantes e ilustraciones divertidas, la página de inicio facilita la planificación y calma los nervios.
14 Chorro de Chandon Gardon
Lo que nos gusta: Chandon Gardon elabora vino espumoso con sabor a cáscara de naranja, lo que lo convierte en la elección correcta para un sitio web con tema de naranja. La página de inicio del sitio es una de las más geniales aquí, presenta una animación de botella giratoria para acompañarlo mientras explora la compañía y su historia.
15. Teoría de la aptitud naranja
Lo que nos gusta: Gracias a las clases grupales de acondicionamiento físico, el entrenamiento en intervalos de alta intensidad nunca ha sido más popular o accesible para nadie. Orangetheory Fitness es líder en este tipo de clases de fitness con un sitio web que lo respalda. Una vez más, vemos cómo el toque ocasional de una naranja unifica los elementos a lo largo de la página.
dieciséis. tienda de abarrotes
Lo que nos gusta: Re Grocery es una tienda de comestibles sin empaques con sede en Los Ángeles, California. Su sitio web equilibra hábilmente el espacio negativo con el contenido, proporcionando suficiente para que los usuarios se desplacen. Las instrucciones ásperas en forma de texto naranja armonizan con imágenes atractivas y efectos de paralaje para ayudar a los espectadores a navegar por la página.
17 inquilino amargo
Lo que nos gusta: Si desea alquilar un apartamento en Nueva York, Bitter Renter puede facilitarle un poco el trabajo. Ingrese la información relevante, incluidos sus ingresos y preferencias de compañeros de habitación, y este sitio web calculará en qué parte de la ciudad puede comprar o alquilar. El sitio mantiene una interfaz de dos paneles blanca y naranja para organizar el contenido.
18 Cincinnati bengalí
Lo que nos gusta: Mira, no voy a fingir que sé de deportes. Pero yo Energía afirman que las franquicias deportivas generalmente funcionan bien con sus sitios web. Los Cincinnati Bengals usan el color de su marca de manera inteligente en todo su sitio, especialmente con un llamado a la acción, para ayudarlos a destacarse entre otros contenidos.
19 Humain
Lo que nos gusta: El sitio web del grupo de consultoría AI Humain ofrece un efecto de cursor brillante. A medida que mueve el mouse, el cursor actúa como un punto de luz naranja para mostrar fragmentos de texto ocultos en la página. Nos gusta especialmente cómo funciona su menú de navegación: en lugar de hacer clic en el botón de hamburguesa en la esquina superior derecha para revelar sus elementos, simplemente pase el mouse sobre ellos para revelarlos.
veinte. moscato tropical
Lo que nos gusta: No sé qué pasa específicamente con los sitios de bebidas, pero parecen saber qué hace que los sitios funcionen. Tropical Moscato es un gran ejemplo: el desplazamiento es una maravillosa avalancha de diferentes sabores, cada uno más tentador que el anterior.
21 Universidad de Texas en Austin
Lo que nos gusta: Aquí hay otro sitio web universitario que usa su marca naranja con excelentes resultados. El color se utiliza para llamar la atención sobre áreas importantes de interés, a saber, estadísticas, citas, CTA y enlaces de navegación. El arte vectorial animado en la parte inferior de la página de inicio también es un buen toque.
22 Florida
Lo que nos gusta: Querías páginas naranjas, ¿verdad? Dejando a un lado las malas bromas, Florida Natural Orange Juice ofrece un sitio web sorprendentemente nuevo con efectos interesantes y creativos. Particularmente inteligente es la forma en que la naranja se pega al centro de la ventana a medida que se desplaza, contando la historia de cómo llega a su vaso.
Webs naranjas que te inspirarán
Como hemos visto, el naranja es un color subestimado y versátil. Funciona tanto para diseños minimalistas como maximalistas, y puede crear calidez como telón de fondo, fomentar la diversión en la animación o llamar la atención sobre un llamado a la acción, lo que su marca más necesite.
