Sub brands
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
Isotype
Use the isotype as follows and in its permitted color versions.
Color
This is the chromatic range defined for this sub brand.
Typography
These are the defined fonts for this sub brand.
Sora
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Headers
Subtitles
Quotes
Work Sans
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Body text
Buttons
Bullets
Footer
Visuals
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
Isotype
Use the isotype as follows and in its permitted color versions.
Color
This is the chromatic range defined for this sub brand.
Tipography
These are the defined fonts for this sub brand.
Sora
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Headers
Subtitles
Quotes
Work Sans
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Body text
Buttons
Bullets
Footer
Visuals
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
Isotype
Use the isotype as follows and in its permitted color versions.
Color
This is the chromatic range defined for this sub brand.
Tipography
These are the defined fonts for this sub brand.
Sora
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Headers
Subtitles
Quotes
Work Sans
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Body text
Buttons
Bullets
Footer
Visuals
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
Isotype
Use the isotype as follows and in its permitted color versions.
Color
This is the chromatic range defined for this sub brand.
Tipography
These are the defined fonts for this sub brand.
Sora
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Headers
Subtitles
Quotes
Work Sans
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Body text
Buttons
Bullets
Footer
Visuals
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
Isotype
Use the isotype as follows and in its permitted color versions.
Color
This is the chromatic range defined for this sub brand.
Tipography
These are the defined fonts for this sub brand.
Sora
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Headers
Subtitles
Quotes
Work Sans
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Body text
Buttons
Bullets
Footer
Visuals
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.
Tipography
These are the defined fonts for this sub brand.
Sora
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Headers
Subtitles
Quotes
Work Sans
Semibold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Medium
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Body text
Buttons
Bullets
Footer
Brans
Demo Bold
0 1 2 3 4 5 6 7 8 9
Á á É é Í í Ó ó Ú ú ®
@ . : , ; ” $ % & / ( ) ¿ ? ¡ ! - _ +
Covers
Titles
Quotes
Social media
Visuals
