Paleta primaria
Nuestra paleta principal se compone de neutros, grises y azules, que conforman el grisulado, para aportar sobriedad a las interfaces de Oblesico y utilizamos el amarillo de una forma lógica en todo el producto para guiar el ojo y resaltar los llamados a la acción.
- Hex
- #38485C
- RGB
- 56, 72, 92
- Hex
- #505E70
- RGB
- 80, 94, 112
- Hex
- #F3F6F9
- RGB
- 243, 246, 249
- Hex
- #FFDB2E
- RGB
- 255, 219, 46
Colores semánticos
Cada tipo de texto tiene un color asignado. El uso constante del color mantiene baja la carga cognitiva y crea una experiencia de usuario unificada y atractiva.
- Hex
- #FFA82E
- RGB
- 255, 168, 46
- Hex
- #26874A
- RGB
- 38, 135, 74
- Hex
- #007BC7
- RGB
- 0, 123, 199
- Hex
- #C93B3B
- RGB
- 201, 59, 59
Fondos
Los fondos establecen limitaciones dentro de una misma pantalla, pueden utilizarse diferentes fondos para organizar la información de una manera ordenada y prolija.
- Hex
- #FFFFFF
- RGB
- 255, 255, 255
- Hex
- #F3F6F9
- RGB
- 243, 246, 249
- Hex
- #E6EBF0
- RGB
- 230, 235, 240
- Hex
- #D1D8E0
- RGB
- 209, 216, 224
Detalles cromáticos
Obelisco utiliza los detalles cromáticos para aportar acentos de color en la composición con íconos y miscelánea). No se permite alterar el color de los componentes.
- Hex
- #99E8FF
- RGB
- 153, 232, 255
- Hex
- #99B5FF
- RGB
- 153, 181, 255
- Hex
- #AF99FF
- RGB
- 175, 153, 255
- Hex
- #E299FF
- RGB
- 226, 153, 255
- Hex
- #FF99E8
- RGB
- 255, 153, 232
- Hex
- #FF99B5
- RGB
- 255, 153, 181
- Hex
- #FFAF99
- RGB
- 255, 175, 153
- Hex
- #FFE299
- RGB
- 255, 226, 153
- Hex
- #E8FF99
- RGB
- 232, 255, 153
- Hex
- #B5FF99
- RGB
- 181, 255, 153
- Hex
- #99FFAF
- RGB
- 153, 255, 175
- Hex
- #99FFE2
- RGB
- 153, 255, 226