menu

Context

Utel is a living universe in which each of our academic spaces has its own identity, communication and purpose with the students.

This is a specific guideline for our sub brands. We intend to give visibility to the isotype of each of our sub brands, which is why it will be used on every header and in most of the visuals and communication.

Logo harmony

We want all sub brands to be in visual balance and with a total association to the main brand.

Sub brand / UtelX

Utel X is a space for learning through specialized microcourses for today's work environment. Follow this guideline:

Logo

This is the new logo for UtelX.

Permitted uses

Non-permitted uses

Change position
Using wrong colors
Rotate

Isotype

Use the isotype as follows and in its permitted color versions.

Color

This is the chromatic range defined for this sub brand.

hex
4ab011
rgb
84 186 21
hex
1FC41C
rgb
31 196 28
hex
4000BC
rgb
64 00 188
hex
110029
rgb
17 0 41

Typography

These are the defined fonts for this sub brand.

Sora

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Headers
Subtitles
‍Quotes

Work Sans

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Body text
Buttons
Bullets
Footer

Visuals

Use the elements listed above to achieve a balanced composition fully associated with the sub brand. Follow this example:

Sub brand / U Camp

U Camp is a space for learning through web development, programming and design bootcamps.  Follow this guideline:

Logo

This is the new logo for U camp

Permitted uses

Non-permitted uses

Change position
Using wrong colors
Rotate

Isotype

Use the isotype as follows and in its permitted color versions.

Color

This is the chromatic range defined for this sub brand.

hex
27EFDD
rgb
39 239 221
hex
FD43B3
rgb
253 67 179
hex
4000BC
rgb
64 00 188
hex
2A0091
rgb
41 00 145
hex
A0A0A0
rgb
160 160 160

Tipography

These are the defined fonts for this sub brand.

Sora

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Headers
Subtitles
Quotes

Work Sans

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Body text
Buttons
Bullets
Footer

Visuals

Use the elements listed above to achieve a balanced composition fully associated with the sub brand. Follow this example:

Sub brand / Utel Conecta

Utel Conecta is a space for networking, exchanging ideas and creating new professional networks. Follow this guideline:

Logo

This is the new logo for Utel Conecta.

Permitted uses

Non-permitted uses

Change position
Using wrong colors
Rotate

Isotype

Use the isotype as follows and in its permitted color versions.

Color

This is the chromatic range defined for this sub brand.

hex
21CE53
rgb
33 206 83
hex
FFAB14
rgb
255 171 20
hex
4000BC
rgb
64 00 188
hex
110029
rgb
17 0 41

Tipography

These are the defined fonts for this sub brand.

Sora

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Headers
Subtitles
Quotes

Work Sans

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Body text
Buttons
Bullets
Footer

Visuals

Use the elements listed above to achieve a balanced composition fully associated with the sub brand. Follow this example:

Sub brand / Utel Oyentes

Utel Oyentes is a learning space for active listeners on specific subjects from different careers that works as a preview to our programs. Follow this guideline:

Logo

This is the new logo for Utel Oyentes.

Permitted uses

Non-permitted uses

Change position
Using wrong colors
Rotate

Isotype

Use the isotype as follows and in its permitted color versions.

Color

This is the chromatic range defined for this sub brand.

hex
00c41c
rgb
00 196 28
hex
A2EA3B
rgb
162 234 59
hex
24E2A7
rgb
36 226 167
hex
4000bc
rgb
64 00 188

Tipography

These are the defined fonts for this sub brand.

Sora

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Headers  
Subtitles
Quotes

Work Sans

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Body text
Buttons
Bullets
Footer

Visuals

Use the elements listed above to achieve a balanced composition fully associated with the sub brand. Follow this example:

Sub brand / Expansión profesional

Expansión profesional is a space where students can participate and connect with key companies when looking for new job opportunities. Follow this guideline:

Logo

This is the new logo for Expansión profesional.

Permitted uses

Non-permitted uses

Change position
Using wrong colors
Rotate

Isotype

Use the isotype as follows and in its permitted color versions.

Color

This is the chromatic range defined for this sub brand.

hex
00c41c
rgb
00 196 28
hex
E3ED1B
rgb
227 237 27
hex
2A2ACE
rgb
42 42 206
hex
4000bc
rgb
64 00 188

Tipography

These are the defined fonts for this sub brand.

Sora

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Headers  
Subtitles
Quotes

Work Sans

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence;
Body text
Buttons
Bullets
Footer

Visuals

Use the elements listed above to achieve a balanced composition fully associated with the sub brand. Follow this example:

Visuals

Find below  some examples of graphic applications for communicating our sub-brands on web and social media. 

Note: When communicating U Camp, always include the color pink; you can use a magenta gradient (hex FD43B3) on photographs if the color pink is not already present in your composition.

Visuals

Use the sub brand logos in transparency mode to generate awareness.

Revista interactividad

Utel interactividad is a digital magazine of science and technology. It is formed by articles and texts by students and scholars of our university.  Follow this guideline:

Logo

This is the new logo for Revista interactividad.

Isotype

Use the isotype as follows and in its permitted color versions.

Color

This is the chromatic range defined for this sub brand.

hex
00B039
rgb
0 176 57
hex
201960
rgb
32 25 96
hex
1039D7
rgb
16 57 215
hex
07D140
rgb
7 209 64

Tipography

These are the defined fonts for this sub brand.

Sora

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Headers  
Subtitles
Quotes

Work Sans

Semibold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +

Medium

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Body text
Buttons
Bullets
Footer

Brans

Demo Bold

A a B b C c D d E e F f G g H h I i J j K k L l M m N n Ñ ñ O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Presence:
Covers
Titles
Quotes
Social media

Visuals

Use the elements listed above to achieve a balanced composition fully associated with the sub brand. Follow this example:

Downloadables

Downloadables /  editable vectors on PDF.