Paleta de colores
Los colores principales utilizados en la plataforma se extraen desde el logotipo
Color
pink-100
#F7D9E7
Color
pink-200
#EEB3CF
Color
pink-300
#E68EB8
Color
pink-400
#DD68A0
Color
principal
pink-500
#D54288
Color
pink-600
#AA356D
Color
pink-700
#802852
Color
pink-800
#551A36
Color
pink-900
#2B0D1B
Color
purple-50
#F4ECF5
Color
purple-100
#E8D6EA
Color
purple-200
#D6B5DA
Color
purple-300
#C495C9
Color
purple-400
#B274B9
Color
purple-500
#A55CAD
Color
decorativo 1
purple-600
#87478E
Color
purple-700
#623367
Color
purple-800
#432346
Color
purple-900
#241326
Color
gray-100
#F0F2F5
Color
gray-200
#E0E4E7
Color
gray-300
#C2C8CC
Color
gray-400
#A4ABB0
Color
gray-500
#868D92
Color
gray-600
#6B7378
Color
textos
gray-700
#4F565B
Color
gray-800
#32393D
Color
gray-900
#1A1F21
Color
cyan-50
#EAF7FC
Color
cyan-75
#DFF3FB
Color
cyan-100
#D4EEF9
Color
cyan-200
#A9DDF3
Color
cyan-300
#7FCCEE
Color
cyan-400
#54BBE8
Color
decorativo 2
cyan-500
#29AAE2
Color
cyan-600
#2188B5
Color
cyan-700
#196688
Color
cyan-800
#10445A
Color
cyan-900
#08222D
Otros colores
- Botones de alerta
- procentaje de logro en gráficos
Color
orange
#FF9F43
Color
red
#EA5455
Color
green
#28C76F
- Botones de alerta acción hover
Color
red-600
#BB4344
Color
green-600
#209F59
- Estrellas calificación
Color
yellow
#EAE253