Colores

Todos los colores que conforman la interfaz, tanto los propios de la marca como los de apoyo, con sus respectivas variables de Sass.

Contenido

Colores principales de la marca

Los tres colores principales de la marca son el azul oscuro, el azul claro y el cyan.

$brand-primary

#000078

$brand-secondary

#73EDFF

$brand-secondary-light

#D5FAFF

Colores de las submarcas

Estos colores son representativos de cada una de las diferentes marcas.

$brand-alumni

#BD9EFF

$brand-alumni-light

#EBE2FF

$brand-x

#FFE000

$brand-x-light

#FFF6B2

$brand-media

#FF87FF

$brand-media-light

#FFDBFF

$brand-ri

#38ff90

$brand-ri-light

#C3FFDE

$brand-corporate

#FF7D87

$brand-corporate-light

#FFD8DB

Grises

Un conjunto de variaciones de negro, blanco y gris para facilitar el contraste en elementos de interfaz.

$grey-dark

#706F6F

$grey-medium

#878787

$grey

#D0D0D0

$grey-light

#F0F0F0

$grey-lighter

#F8F8F8

$white

#FFFFFF

Colores de apoyo

Estos colores sirven para comunicar errores.

$error

#FF0000

$error-light

#FFD4D4
Subir