Paleta de Color
La paleta de color es esencial para la identidad visual y la jerarquía de la información. En el sistema de diseño de Deyel, los colores se organizan en torno al tema modelado en la aplicación y a criterios específicos.
La elección de la paleta debe basarse en la identidad de marca, la accesibilidad (contraste y legibilidad) y la consistencia visual a lo largo de toda la aplicación.
La configuración de la paleta se estructura en torno a roles funcionales del color, más que al modelado de la aplicación. Estos roles determinan su uso y peso visual dentro de la aplicación.
•Criterio primario: Representa la marca o el tono principal de la aplicación. Se aplica en componentes clave que guían la atención del usuario. Ocupa aproximadamente el 30% del peso visual y se utiliza para elementos principales de la interfaz.
•Criterio secundario: Complementa al color primario y refuerza la jerarquía visual. Ocupa el 10% del peso visual y se emplea para destacar elementos como enlaces, botones, bordes o partes específicas de componentes (highlights).
•Criterio terciario: Define el fondo y las áreas de contenido, garantizando contraste y legibilidad. Aporta estabilidad visual y constituye la base estructural de la interfaz. Constituye el 60% del peso visual y es la base de la estructura, es decir, el color de fondo de la interfaz.
Se define en la pestaña "Variables de estilo" del panel izquierdo, a continuación de la familia tipográfica.
