1. Colores

Nuestro sistema de colores se basa en el reconocimiento de los colores de la institución para que la interfaz de administración sea más útil.

Principios

La comunicación es clave

Aunque valoramos un uso estéticamente agradable del color, le damos un mayor valor a la comunicación clara. El color apoya el propósito del contenido, comunicando cosas como la jerarquía de la información, los estados interactivos y la diferencia entre distintos elementos.

Los colores tienen significado

Los colores tienen roles asignados según su funcionamiento dentro de la interfaz. Los colores facilitan la comunicación entre el usuario y el sistema. Asimismo, también amplían el sistema de color para que funcione en cualquier punto de contacto en USIL.

Colores primarios

P

  • Brand blue
  • 00195A

P

  • Brand white
  • FFFFFF

Colores secundarios

S

  • Brand accent
  • 0036DC

A

  • 50%
  • 90%
flechas
  • Dark
  • Light

Colores de acento por frente

  • Accent
  • Pregrado

A

  • 15%
  • 80%
flechas
  • Dark
  • Light

  • Accent
  • Postgrado

A

  • 25%
  • 85%
flechas
  • Dark
  • Light

  • Accent
  • CPEL

A

  • 25%
  • 90%
flechas
  • Dark
  • Light

Colores semánticos

  • Accent
  • Error

A

  • 50%
  • 85%
flechas
  • Dark
  • Light

Colores neutros que se obtienen del primario

Fórmula

Resultado

Colores grises

Opacidad fondos

Opacidad videos

Copyright 2026
- Universidad San Ignacio de Loyola
| VP Tecnología / Experiencia Digital.