En esta sección te mostramos nuestra gama de colores corporativos.
Para dotar de coherencia en nuestros productos digitales usaremos siempre la misma paleta de colores o gama cromática.
Tenemos 3 códigos de color, Hexadecimal, CMYK y el nombre de variable CSS.
Colores primarios
Nuestro color primario es el color de nuestra identidad. La gama cromática se compone de 5 tonos mas, que son variaciones del color primario.
Primary
HEX #663399
CMYK 75 95 0 0
$color__primary
Dark
HEX #320055
CMYK 80 100 38 30
$color__primary-dark
Primary-80
HEX #7E599C
CMYK 60 72 0 0
$color__primary-80
Primary-60
HEX #9F82B5
CMYK 44 54 0 0
$color__primary-60y
Primary-40
HEX #BEACCE
CMYK 29 36 0 0
$color__primary-40
Primary-20
HEX #DFD5E6
CMYK 14 18 0 0
$color__primary-20
Color secundario
El color secundario lo usaremos para destacar o acentuar las partes de los productos en los que necesitemos hacer énfasis, como botones, fondos o elementos gráficos complementarios.
Secondary
HEX #C2185B
CMYK 22 96 39 0
$color__secondary
Colores alertas
Los colores complementarios los usaremos para comunicar los diferentes estados en formularios, inputs, alertas, etc.
Success
HEX #88C459
CMYK 53 0 80 0
$color__success
Error
HEX #F5414F
CMYK 0 85 60 0
$color__error
Warning
HEX #FFD137
CMYK 0 18 87 0
$color__warning
Colores de fondo
Colores para usarlos como fondos o separadores. Nunca debemos usarlos en textos. También podemos usarlos para componer interfaces oscuras o «dark mode».
Gray Dark
HEX #949BA5
CMYK 48 36 27 0
$color__gray-dark
Gray
HEX #C4CDD5
CMYK 27 16 11 0
$color__gray
Ligth
HEX #F7F4F9
CMYK 4 5 0 0
$color__ligth
Color texto
Nuestro color principal para los textos o cuerpos de letra. También será nuestro color de fondo para interfaces oscuras o «dark mode».
Main text
HEX #212121
CMYK 75 69 64 75
$color__text-main