menu

Gama cromática

Consolidamos nuestro espacio a través del color: el verde es nuestro color principal, nuestro identificador y statement visual de primer impacto, este genera sensaciones positivas, asociadas al crecimiento orgánico humano y a su conexión con nuevos entornos. Además, induce a la flexibilidad, adaptabilidad y favorece la acción activa. Es de gran importancia que en todos los materiales de comunicación que realices, se integre el color verde para generar una asociación inmediata a la universidad y a la marca, además de crear un dominio de color evidente.

Nuestra gama se compone además del color amarillo, mismo que inspira la formación de nuevas ideas y destaca entre la alegría, la inteligencia y la sorpresa. De forma complementaría, una gama de morados se suma a la paleta para generar confianza, credibilidad y una asociación inmediata con el liderazgo y su innovación tecnológica.

Paleta principal

hex
06b706
rgb
6 183 6
print
2423C
hex
000000
rgb
0 0 0
print
Black 6C
hex
00C41C
rgb
0 196 28
print
2271C
hex
00CE53
rgb
0 206 83
print
00 206 083
hex
ffb937
rgb
255 185 55
print
0000

Paleta complementaria

hex
4000BC
rgb
64 0 188
print
2091C
hex
2A0091
rgb
64 0 188
print
2091C
hex
330075
rgb
51 0 117
print
2685C

Escala de grises

hex
4E4E4E
rgb
78 78 78
print
P 173-15 C
hex
898989
rgb
137 137 137
print
424U
hex
D9D9D9
rgb
217 217 217
print
cool gray 1C
hex
F8F8F8
rgb
248 248 248
print
P 75-1 U

Degradados

Derivado de nuestra gama cromática, la unión entre cada color puede usarse a manera de degradado. Estos son los usos recomendados y que permiten un balance visual agradable, no saturado y que se adaptan a cualquier uso o soporte. Considera los códigos de color, los grados de orientación y su combinación. Es importante que tus degradados siempre comiencen desde la esquina inferior izquierda hacia la esquina superior derecha.

Degradado 1

hex
06B706
rgb
6 183 6
hex
00FE00
rgb
0 254 0

Degradado 2

hex
2500C1
rgb
3729193
hex
00CE53
rgb
020683

Estas opciones de degradados (1 y 2) con verdes son muy sutiles y por ello pueden usarse en todos los materiales de la marca global, dando sensación de mayor profundidad y una variación al clásico 2D pero muy delicadamente.

+Recomendados para:

  • Fondo de exteriores donde se pueda ver una persona al frente o simplemente texto.
  • Redes sociales donde de igual manera se puede utilizar como fondo, como un envolvente.
  • Funciona muy bien poniéndolo como foto de perfil para redes sociales donde el logo esté en blanco.
  • Headers.

Degradado 3

hex
330075
rgb
510117
hex
4000BC
rgb
640188

Este degradado funciona muy bien para aplicaciones de marca de materiales internos, como son programas individuales de la oferta académica, materiales de apoyo para alumnos y algún material donde se quiera dar una variación.
Al formar parte de la paleta complementaria se recomienda que su uso sea con moderación y en menor medida.

+Recomendado para:

  • Materiales internos.
  • Uso dentro de la web.
  • Uso muy moderado en redes sociales con algún background intentando diferenciar algún tema (p.e. un posteo de una conferencia global).

Degradado 4

hex
330075
rgb
51 0 117
hex
00B204
rgb
0 178 4

+Recomendado para:

  • Redes sociales de algún posteo que se quiera resaltar dentro de varios posteos verdes
  • Ads: nuestro color verde es de vital importancia, pero en algunas ocasiones podremos tener ads donde integremos un poco de variación.

Degradado 5

hex
D9D9D9
rgb
217 217 217
hex
F8F8F8
rgb
248 248 248

Este degradado se puede utilizar de fondo y donde se quiera resaltar personas o atributos importantes, con sus colores en positivo o en algunas aplicaciones donde se requiera diferenciar con el fondo blanco sutilmente.

+Recomendado para:

  • Su uso en hero es uno de los mas poderosos.
  • Uso dentro de la web.

Degradados no permitidos

Estos son algunos ejemplos no permitidos del uso de degradados en nuestra comunicación. Considera no alterar las formas, la integración de más de dos colores ni ajustes radiales no consistentes. 

Visuales

Estos son algunos ejemplo del uso de colores y degradados en nuestra comunicación.

Ejemplo del uso de degradados en nuestros ads.