Color
Colores corporativos y sus usos en distintos entornos
En esta sección, definimos los colores de la marca UTEF, asegurando una identidad visual coherente y distintiva en todas nuestras comunicaciones.
El color juega un papel fundamental en el diseño y la comunicación visual, pues permiten crear una identitdad distintiva y memorable, fácilmente identificable.
Los colores impactan significativamente la percepción y la efectividad de nuestra marca y por tanto de los productos y servicios asociados con ella, así com a todos y cada uno de los puntos de interacción, tanto físicos como digitales.
Nuestra paleta de colores
La marca UTEF se construye sobre cuatro pilares cromaticos, esenciales para mantener la coherencia visual y fortalecer la identidad de UTEF en todos los medios.
Future Blue
Neutral Light
Deep Midnight
Raspberry
Colores Secundarios
Los colores secundarios han de usarse con intención de crear contraste, o de clasificar y su peso visual debe ser reducido.
Particularmente útiles en la comunicación digital, los colores secundarios son indicados para señalizar estados, o discriminar en elementos de visualización de datos.
Future Green
Sky Light Blue
Mysterious Grey
Blush Whisper
Nuestras paletas de color en tu sistema
Emplear el color picker es una mala práctica, pues introduce desviaciones en el color. El uso de paletas ayuda a ser consistente.
Espectros Cromáticos
Los espectros de colores son variantes contínuas que surgen en la naturaleza del juego de la luz con la superficie. La intensidad de luz altera nuestra percepción y nos permite discriminar en una familia cromática coherente, que resulta de utilidad para las representaciones gráficas.
Espectros Cromáticos
Los espectros de colores son variantes contínuas que surgen en la naturaleza del juego de la luz con la superficie. La intensidad de luz altera nuestra percepción y nos permite discriminar en una familia cromática coherente, que resulta de utilidad para las representaciones gráficas.
Future Blue 100
blue - 3
Future blue 80
blue -2
Future Blue 70
blue -1
Future Blue 50
blue
Future Blue 30
blue +1
Future Blue 20
blue +2
Colores para alertas
En un design system, los colores de alerta juegan un papel crucial para comunicar estados y retroalimentación en la interfaz. Estos colores ayudan a los usuarios a identificar rápidamente situaciones como éxito (success), error o advertencias, y resaltan elementos que requieren su atención, como los campos de enfoque (focus).
El uso consistente de estos colores asegura una experiencia clara y accesible, facilitando la interacción y mejorando la usabilidad del sistema.