Welcome
to the new UOC

The UOC is launching a new look, but this is more than just a makeover. This new visual identity is both the result of and vehicle for the University’s vision and strategy, which is aimed at responding to the challenges of the 21st century. These are very different, on all levels, to the challenges it faced back in 1995, when it was founded as the world’s first online university. Back then, the UOC reinvented the concept of the university. After all this time, one thing hasn’t changed: the spirit and desire to go on doing so.

The UOC is launching a new look, but this is more than just a makeover. This new visual identity is both the result of and vehicle for the University’s vision and strategy, which is aimed at responding to the challenges of the 21st century. These are very different, on all levels, to the challenges it faced back in 1995, when it was founded as the world’s first online university. Back then, the UOC reinvented the concept of the university. After all this time, one thing hasn’t changed: the spirit and desire to go on doing so.

UOC Brand — Introduction

(R)evolution

The new brand incorporates concepts including dynamism, interaction and flexibility while maintaining the essence of the previous branding.

(R)evolution

The new brand incorporates concepts including dynamism, interaction and flexibility while maintaining the essence of the previous branding.

Universitat Oberta de Catalunya

Dynamism
and directionality

The diagonal design leads to a ‘happy coincidence’: it means that the shape of the O can be used to make an O, a U or a C depending on how it is framed. This diagonal design evokes the diagonals seen on classic university shields; it creates dynamism, while harking back to heraldry.
shields

Dynamism
and directionality

The diagonal design leads to a ‘happy coincidence’: it means that the shape of the O can be used to make an O, a U or a C depending on how it is framed. This diagonal design evokes the diagonals seen on classic university shields; it creates dynamism, while harking back to heraldry.
shields

A unique perspective
Going beyond

The UOC is flexible and can adapt to very different needs and environments. It is a community of people working as a network. It is more than what is seen on the screen. Accordingly, the logo’s framing helps create the impression that there is action beyond the limits of the screen.

A unique perspective
Going beyond

The UOC is flexible and can adapt to very different needs and environments. It is a community of people working as a network. It is more than what is seen on the screen. Accordingly, the logo’s framing helps create the impression that there is action beyond the limits of the screen.

Flexibility

The frame can move, reset, grow or shrink. This makes the most of the opportunities offered by the digital environment and provides the brand with the flexibility and adaptability that are hallmarks of the UOC today.

Flexibility

The frame can move, reset, grow or shrink. This makes the most of the opportunities offered by the digital environment and provides the brand with the flexibility and adaptability that are hallmarks of the UOC today.

UOC Brand — Flexibility

Modular system

It is a system based on a grid, meaning the logo can be reformatted in a number of ways and used in combination with other brands.

Modular system

It is a system based on a grid, meaning the logo can be reformatted in a number of ways and used in combination with other brands.

Universitat Oberta de Catalunya Universitat Oberta de Catalunya Estudis de Ciències de la Informació i de la Comunicació Universitat Oberta de Catalunya Universitat Oberta de Catalunya Universitat Oberta de Catalunya Universitat Oberta de Catalunya Estudis de Ciències de la Informació i de la Comunicació

Modular system

It is a system based on a grid, meaning the logo can be reformatted in a number of ways and used in combination with other brands.

Modularidad del sistema

Es también un sistema reticular que permite la convivencia de la marca con las diferentes casuísticas compositivas y de convivencia con otras marcas.

Modular system

It is a system based on a grid, meaning the logo can be reformatted in a number of ways and used in combination with other brands.

Its own sound

The brand has its own sound, which will let us express ourselves naturally and coherently in digital settings.

(Enable speakers)

Its own sound

The brand has its own sound, which will let us express ourselves naturally and coherently in digital settings.

(Enable speakers)

Range of colours

We have kept the blue that characterizes the UOC and added a second range of colours that are ideal for use online. These colours can also be used to rank or organize the sub-brands.

Range of colours

We have kept the blue that characterizes the UOC and added a second range of colours that are ideal for use online. These colours can also be used to rank or organize the sub-brands.

Corporate
Colour

PANTONE REFLEX BLUE U/C
C=100 M=85 Y=0 K=5
R=0 G=0 B=120
#000078

Masterbrand
Colour

PANTONE 310 U/C
C=45 M=0 Y=10 K=0
R=115 G=237 B=255
#73EDFF

UOC R&I
Colour

PANTONE 352 U/353 C
C=50 M=0 Y=40 K=0
R=56 G=255 B=144
#38FF90

Corporate
Colour

PANTONE REFLEX BLUE U/C
C=100 M=85 Y=0 K=5
R=0 G=0 B=120
#000078

Masterbrand
Colour

PANTONE 310 U/C
C=45 M=0 Y=10 K=0
R=115 G=237 B=255
#73EDFF

UOC R&I
Colour

PANTONE 352 U/353 C
C=50 M=0 Y=40 K=0
R=56 G=255 B=144
#38FF90

Range of colours

We have kept the blue that characterizes the UOC and added a second range of colours that are ideal for use online. These colours can also be used to rank or organize the sub-brands.

UOC X
Colour

PANTONE 108 U/109 C
C=0 M=3 Y=100 K=0
R=255 G=224 B=0
#FFE000

UOC Media
Colour

PANTONE 237 U/C
C=0 M=50 Y=0 K=0
R=255 G=135 B=255
#FF87FF

UOC X
Colour

PANTONE 108 U/109 C
C=0 M=3 Y=100 K=0
R=255 G=224 B=0
#FFE000

UOC Media
Colour

PANTONE 237 U/C
C=0 M=50 Y=0 K=0
R=255 G=135 B=255
#FF87FF

Range of colours

We have kept the blue that characterizes the UOC and added a second range of colours that are ideal for use online. These colours can also be used to rank or organize the sub-brands.

UOC Alumni
Colour

PANTONE 2645 U/C
C=30 M=30 Y=0 K=0
R=189 G=158 B=255
#BD9EFF

UOC Corporate
Colour

PANTONE 177 U/C
C=0 M=50 Y=25 K=0
R=255 G=125 B=135
#FF7D87

UOC Alumni
Colour

PANTONE 2645 U/C
C=30 M=30 Y=0 K=0
R=189 G=158 B=255
#BD9EFF

UOC Corporate
Colour

PANTONE 177 U/C
C=0 M=50 Y=25 K=0
R=255 G=125 B=135
#FF7D87

Its own typefaces

Two corporate font families have been created based on the logo. They maintain and strengthen the spirit of the new look, are very clear to read on digital devices, and provide consistency throughout the communication system.

Its own typefaces

Two corporate font families have been created based on the logo. They maintain and strengthen the spirit of the new look, are very clear to read on digital devices, and provide consistency throughout the communication system.

Some see things before anyone else

In a changing world, you have to keep learning

Its own typefaces

UOC Sans is a contemporary sans serif typeface. It has a level of compactness and simplicity that make it highly versatile for different corporate uses.

Its own typefaces

UOC Sans is a contemporary sans serif typeface. It has a level of compactness and simplicity that make it highly versatile for different corporate uses.

UOC Sans
Aa Bb Cc Dd Ee Ff Gg
Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt
Uu Vv Ww Xx Yy Zz
1234567890&

UOC Sans Bold
UOC Sans Bold Italic
UOC Sans Regular
UOC Sans Italic

Its own typefaces

UOC Serif has a clearer contrast that makes it more elegant when used in larger font sizes. Stylistically, UOC Serif offers a fusion of the humanist and neoclassical typographies used most in books and the press, especially in the fields of knowledge and dissemination.

Its own typefaces

UOC Serif has a clearer contrast that makes it more elegant when used in larger font sizes. Stylistically, UOC Serif offers a fusion of the humanist and neoclassical typographies used most in books and the press, especially in the fields of knowledge and dissemination.

UOC Serif
Aa Bb Cc Dd Ee Ff Gg
Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt
Uu Vv Ww Xx Yy Zz
1234567890&

UOC Serif Regular
UOC Serif Italic

Brand architecture

All five sub-brands share the UOC initials, while differing in shapes and colours. And all five share the same modular system as their base.

Brand architecture

All five sub-brands share the UOC initials, while differing in shapes and colours. And all five share the same modular system as their base.

UOC Brand — Brand architecture
Corporate R&I Xtended Studies X Alumni Media Universitat Oberta de Catalunya
subBrands

Photographic concept

This brand is much more than a symbol; it is a new way of looking at things. With this in mind, it is important that concepts such as dynamism and obliquity are reflected in photographic compositions. The action takes place within and beyond the borders of the frame.

Photographic concept

This brand is much more than a symbol; it is a new way of looking at things. With this in mind, it is important that concepts such as dynamism and obliquity are reflected in photographic compositions. The action takes place within and beyond the borders of the frame.

Pictographic system

A series of pictographs based on the logo have been created to reinforce the idea of going beyond the limits of the screen.

Pictographic system

A series of pictographs based on the logo have been created to reinforce the idea of going beyond the limits of the screen.

UOC

David White

Head of Technology-Enhanced Learning,
University of the Arts London

20 years on, a brand renewal to support a new UOC.

Visual identity and art direction
Mucho

Typography
Tipografies

Audiobranding
Da Da Da Da

Video
Mucho (Concept & Design)
Alex Palazzi (Motion)
Gerard Mallandrich (Motion & edit)
Da Da Da Da (Sound)

Photography
Diaz Wichmann Photography
Getty Images
Shutterstock

Web 

Design, editing & production
Mucho

Development
LLOS

© 2017 UOC