Guía de estilos

Colores

Utiliza las variables de Gob.pe en lugar de copiar los colores por su código hexadecimal. Por ejemplo, usa For example, use \$gobpe-text-color en lugar de #0B0C0C. Esto hará que tu servicio siempre utilice la paleta de colores más reciente cada vez que actualices. Es importante que solo utilices las variables en el contexto para el que fueron diseñadas. En otros casos, debes utilizar como referencia toda la paleta de colores. Por ejemplo, si necesitas utilizar un color rojo para representar información en una tabla debes usar gobpe-color("red") y no gobpe-header-background-color.

Contraste de colores

Usos y aplicaciones

Texto

Enlaces

Fondos

Bordes

Focus

Paleta de colores

Los esquemas de color secundarios no tienen que ser coloridos. Solo necesitan contrastar con los elementos circundantes y usarse con moderación en toda la interfaz de usuario.