Manual de uso del

logotipo institucional
en medios digitales
versión 2018
 Manual de uso del
logotipo institucional
en medios digitales
versión 2018
Esta guía establece un estándar visual para el uso del logotipo institucional de la
Pontificia Universidad Católica del Perú en medios electrónicos. El propósito es
proyectar una imagen sólida y consistente de la Universidad.

El manual cuenta con una biblioteca de archivos complementarios en los que

encontrará plantillas y documentos para la implementación de su web, boletín o
brochure electrónico, así como sugerencias para su correcto funcionamiento.

Versión digital del logotipo 03

Usos incorrectos 05
Web de unidades 06
Web de herramientas institucionales 11
Boletines y brochures digitales 12
Sello aniversario 13
Banners y animaciones 14
Elementos digitales de escritorio 18
Cabeceras en blogs 20
Logotipo en redes sociales 21

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 1

 Notas

Según la Transcripción N° 466/2009-S, el 29 de abril del 2009, el

Consejo Universitario aprobó suprimir la creación de nuevos logos y
emplear exclusivamente el logotipo de la Universidad. Además, se
señaló no usar logotipos dobles y que el de las unidades no compitan
con el logotipo institucional.

Todo miembro de la comunidad universitaria que requiera emplear el

logotipo institucional para, por ejemplo, difundir un evento, deberá
contar con la autorización correspondiente. Si el evento es organizado
por profesores, la autorización del uso del logo se obtendrá por
intermedio de su jefe de departamento; si se trata de estudiantes o de
personal administrativo, estos deben proceder por intermedio del
decano o del director de su unidad.

Toda persona natural o jurídica que requiera emplear el logotipo

institucional deberá contar con la autorización de la Universidad a
traves de Secretaría General de la PUCP.

Toda aplicación del logotipo institucional de la Universidad Católica

debe ser aprobada, sin excepción, por la Dirección de Comunicación
Institucional (DCI). Para ello, una vez que la unidad cuente con la
versión final del documento que contenga el logo, deberá enviar el
archivo, en formato .jpg o .pdf, al correo electrónico
solicitudesdci@[Link]. Por favor, tome en cuenta que la solicitud
puede demorar un día útil en ser atendida.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 2

 Versión digital del logotipo
VERSIÓN DIGITAL DEL LOGOTIPO
LOGOTIPO INSTITUCIONAL PUCP
El logotipo institucional tiene dos versiones: la primera está conformada siempre por el isotipo o escudo más el nombre de la Universidad,
con la cuña entre ambos. La segunda versión del logotipo institucional está conformada por el isotipo o escudo más la siglas del nombre
de la universidad, con la cuña entre ambos.

El logotipo institucional se usará siempre integrado: no se debe separar el nombre del isotipo; tampoco es válido separar los elementos
del isotipo: el barco, las olas, la estrella, etc.

LOGOTIPO EN BLANCO
Logotipo institucional blanco va sobre fondo de color sólido para medios electrónicos.

LOGOTIPO EN NEGRO
Logotipo institucional negro va siempre sobre fondo blanco.

LA TIPOGRAFÍA
Las fuentes utilizadas en el logotipo institucional son: Gill Sans MT Regular y Gill Sans MT Bold.
La fuente utilizada para construir las siglas PUCP es Gill Sans MT Bold.

Gill Sans MT Regular Bold

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 3

 Versión digital del logotipo

COLORES INSTITUCIONALES AZUL CIELO:

R=0, G=60, B=122 #003c7a
El logotipo institucional en medios electrónicos
utiliza tres colores institucionales . GUINDA:
R=158, G=6, B=33 #9e0621

AZUL MAR:
R=0, G=114, B=188 #0072bc

PROPORCIONES 10 px

Se deben considerar las siguientes proporciones

10 px
de referencia. También son parte del logotipo los
espacios vacíos (aires) en estas proporciones, los x
que deben ser respetados. Es preciso considerar
esto también dentro de la versión en blanco del
logotipo.

El tamaño mínimo de los espacios vacíos serán de

10 píxeles.

TAMAÑOS MÍNIMOS
Considerando las proporciones mencionadas, e
incluyendo los espacios de seguridad, el logotipo 39 px 59 px
institucional debe tener las medidas que se
indican.

133 px

153 px

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 4

 Usos incorrectos
USOS INCORRECTOS
Son incorrectos los siguientes usos y cualquier otro que no corresponda a lo detallado en las anteriores consideraciones.

Seccionar o usar partes del logotipo Logotipo institucional con el logotipo de otra unidad
que posee logotipo propio

Tipografía separada del logotipo Logotipo institucional en negativo total o parcial

Logotipo institucional en grises Logotipo institucional de un solo color

Logotipo institucional sobre textura Logotipo institucional sobre una imagen

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 5

 Web de unidades
La cabecera para web de unidades está conformada por una barra ubicada en la parte superior de la página web y se incluye en sus
páginas internas. Esta barra contiene el logotipo institucional y el nombre de la unidad(es). El logotipo institucional va ubicado al lado
derecho, y la unidad(es) al lado izquierdo centrada verticalmente con la barra contenedora.

Ejemplo 1

Ejemplo 2

Ejemplo 3

FACULTAD DE
LETRAS Y CIENCIAS
HUMANAS

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 6

 Web de unidades
CABECERA CON FONDO DE COLOR

13 px 207 px 12 px

12 px 60 px 12 px

84 px
DEPARTAMENTO DE
ECONOMÍA

960 px

CABECERA CON FONDO BLANCO

FACULTAD DE
DERECHO

CABECERA CON BORDE REDONDEADOS

FACULTAD DE
LETRAS Y CIENCIAS
HUMANAS

BARRA
• Dimensiones: 960 píxeles de ancho x 84 píxeles de alto.
• Márgenes interiores: 12 píxeles para todos los lados.
• Color: fondo color sólido. No se debe usar degradé ni texturas.
Si el fondo es de color blanco, el logotipo institucional será de
color y el texto de la unidad, de color azul: #003c7a.

LOGOTIPO
• Alineación: derecha.
• Color: blanco.
• Dimensiones: 156 píxeles de ancho x 60 píxeles de alto (logo versión 2).

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 7

 Web de unidades
NOMBRE DE UNIDADES

UNIDAD
• Alineación: horizontalmente izquierda y verticalmente centrada con la barra contenedora.
• Tipografía: Gill Sans 13 puntos, interlineado: 13 puntos.
• Color: blanco cuando el fondo de color sólido y azul cuando el fondo es blanco.

DIRECCIÓN ACADÉMICA DE
RESPONSABILIDAD SOCIAL

UNIDAD Y SUB-UNIDAD
Cuando se muestren la unidad y la especialidad, la tipografía de la especialidad irá debajo del texto de la unidad con tipografía Gill
Sans y 12 puntos.

FACULTAD DE
CIENCIAS E
INGENIERÍA
ESPECIALIDAD DE ESTADÍSTICA

DOS O MÁS ESPECIALIDADES

Cuando se muestren dos unidades, el margen que habrá entre cada texto será de 24 píxeles.

CENTRO FACULTAD DE
CULTURAL LETRAS Y CIENCIAS
HUMANAS

24 px

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 8

 Web de unidades
EN MÓVILES
Para páginas web de Estudios Generales, facultades y departamentos. En la cabecera, el logotipo institucional se ubicará siempre al
lado izquierdo. Debajo se ubicará una franja con fondo de color que identifica a la unidad, y dentro estará el nombre de la unidad de
color blanco alineado al lado izquierdo y verticalmente al centro.

UBICACIÓN Y MEDIDAS

LA BARRA DEL LOGO PUCP

• Dimensiones: 100% x 58 píxeles. El ancho será explandible al tamaño del dispositivo móvil.
• Márgenes interiores: Margen superior e inferior de 10 píxeles, y márgenes laterales de 15 píxeles.
• Color: No se debe usar degradé ni texturas.

LOGOTIPO PUCP
• Alineación: izquierda.
• Dimensiones: 134 píxeles de ancho x 38 píxeles de alto.
• Color: Sobre fondo blanco el logotipo siempre debe tener los colores institucionales. De usarse fondo de color, se utilizaría la versión
del logotipo en blanco.

LA BARRA DE COLOR
• Dimensiones: 100% x 50 píxeles aproximadamente. El alto dependerá del alto final del nombre de la unidad. El ancho será explandible
al tamaño del dispositivo móvil.
• Márgenes interiores: Margen superior e inferior de 10 píxeles, y márgenes laterales de 15 píxeles.
• Color: No se debe usar degradé ni texturas.

UNIDAD
• Alineación: horizontalmente a la izquierda y verticalmente al centro.
• Tipografía de la unidad: Gill Sans 11 puntos, interlineado: 13 puntos.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 9

 Web de unidades
10 px 131 px
38 px 10 px
58 px

10 px

100%

Medidas para 3 filas de texto

10 px

FACULTAD DE
ADMINISTRACIÓN
50 px

Y CONTABILIDAD

100%

Medidas para 1 y 2 filas de texto

10 px

FACULTAD DE
38 px

EDUCACIÓN

100%

CABECERA WEB MÓVIL CON DOS UNIDADES

El primer texto con 11 puntos, interlineado de 13 puntos, y el segundo texto con 9.5 puntos, interlineado de 13 puntos.

10 px

DEPARTAMENTO INGENIERÍA DE LAS

38 px

DE INGENIERÍA TELECOMUNICACIONES

100%

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 10

 Web de herramientas institucionales
UBICACIÓN Y MEDIDAS
LA FRANJA SUPERIOR
• Dimensiones: El alto máximo de la franja es 40 píxeles y el ancho va a todo el ancho de la pantalla.
• Color: Las tonalidades van del color negro y gris. El color va de acuerdo al diseño de la página web.
• Tipografía: El texto que va en la franja superior es Arial Regular de 12 píxeles. El color va deacuerdo al diseño de la página web.
• Alineación: El texto siempre va al lado izquierdo.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 11

 Boletines y brochures digitales
UBICACIÓN Y MEDIDAS

LA BARRA
• Dimensiones: 650 píxeles de ancho x 72 píxeles de alto.
• Márgenes interiores: 12 píxeles para todos los lados.
• Color: en blanco o color sólido. No se debe usar degradé ni
texturas.

LOGOTIPO PUCP
• Alineación: derecha.
• Dimensiones: 126 píxeles de ancho x 48 píxeles de alto (logo
versión 1). 166 píxeles de ancho x 48 píxeles de alto (logo versión 2).

UNIDAD
• Alineación: horizontalmente izquierda y verticalmente centrada
con la barra contenedora.
• Tipografía de la unidad: Gill Sans 11 puntos, interlineado: 10
puntos.
• Tipografía de la especialidad: Gill Sans 10 puntos.

DE COLOR BLANCO

12 px 166 px 12 px

12 px

ESCUELA DE 48 px
GRADUADOS

12 px

650 px

DE COLOR SÓLIDO

FACULTAD DE
CIENCIAS Y ARTES
DE LA COMUNICACIÓN

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 12

 Sello aniversario
SELLO ANIVERSARIO

COLOR
• Los colores son planos. El sello puede utilizar los colores negro o azul cielo (R=0, G=51, B=102 #003366).
• Cuando se desee colocar el sello sobre fondo de imagen o sobre fondo de color sólido, aquel deberá ser colocado dentro de un
recuadro blanco.

color negro color azul cielo

UBICACIÓN
• El sello de aniversario puede ir ubicado en cualquier parte de la página web, excepto en la cabecera principal de la página.
• En caso se cuente con una zona destacada (imágenes que pasan secuencialmente), se recomienda crear una imagen con el motivo
de aniversario en la que se incluya el sello respectivo.

20
AÑOS

Formación de excelencia

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 13

 Banners y animaciones
BANNERS
El cierre del logotipo debe hacerse sobre fondo blanco, situando el logotipo institucional en el centro. Sus medidas serán
correspondientes al ancho y alto del banner, considerando siempre las medidas mínimas establecidas y los espacios de respeto.
La misma disposición es para el nombre de la unidad en una pantalla aparte.

MEDIDAS A ESCALA

Vertical
Pequeño
190 px
190 px

90 px

350 px

Horizontal

90 px

730 px

160 px

Sólo en el banner pequeño, se puede utilizar e incluir la palabra PUCP durante toda la
animación. La palabra PUCP será incluida de la siguiente manera:

100 px - Irá en la parte inferior derecha sobre fondo blanco o de color con bordes
redondeados.
20 px 14 px - Las medidas de la palabra PUCP serán de 59px. de ancho por 16 px. de alto.

52 px

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 14

 Banners y animaciones
ANIMACIÓN - CIERRE
En el cierre de la animación se debe presentar el logotipo de la Universidad y el de la unidad, si perteneciera a una específicamente. Los
pasos que deben seguirse son los siguientes:

• Disolvencia total de la gráfica a blanco.

• Entrada del nombre de la unidad en disolvencia de 0 al 100 %.
• Este debe permanecer durante 1 segundo para, finalmente, desaparecer en disolvencia.
• Entrada del logotipo institucional en disolvencia de 0 al 100 %.
• Este debe permanecer durante 2 segundos para, finalmente, desaparecer en disolvencia.
• Pueden utilizar cualquiera de las dos versiones del logotipo institucional.

1 2 3 4

5 4 5 6

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 15

 Banners y animaciones
ANUNCIOS EN FACEBOOK
Los anuncios en Facebook deben contar con el logotipo institucional ubicado en la parte superior derecha. El logotipo se debe colocar
sobre un rectángulo con bordes redondeados, ya sea blanco o de color, y debe mantener sus áreas de respeto.
En el caso de utilizar videos o gif animados, se deben seguir los mismos parámetros que las animaciones en Flash.

La plataforma de anuncios en Facebook limita el porcentaje de textos que deben contener las imágenes de los anuncios, por
ello deben de pasar por una COMPROBACIÓN DEL TEXTO DE LA IMAGEN, que determina la cantidad y se valida en el siguiente
enlace: [Link]

Si la proporción de texto en relación con la imagen es demasiado alta, es posible que el anuncio no llegue a todo el público que
se desee, pues ello influye en su alcance. Los logotipos también se consideran como texto, por lo que se debe cuidar las
proporciones de los mismos.

PPA, PPL Y LEAD AD

Son anuncios que requieren que el anunciante tenga fan page.
• PPA: promociona las publicaciones de tu fan page, así llegarás a un público más amplio que podrá interactuar con ellas de diversas
maneras: las personas pueden indicar que les gustan, comentarlas, compartirlas o ver las fotos.
• PPL: dirige a las personas a secciones destacadas de tu sitio web.
• Lead Ad: ayuda a recopilar información de las personas que muestran interés en la oferta mediante el uso de una ficha.

Si bien estos anuncios tienen funciones distintas, poseen el mismo tamaño de imagen recomendado (1,200 × 628 píxeles).
Las medidas indicadas deben utilizarse junto con el formato de imagen recomendado.

25px 342px 25px

25px

98px

25px

bordes redondeados

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 16

 Banners y animaciones
MULTIPRODUCTO
Muestra hasta 6 imágenes y enlaces en un solo anuncio para dirigir a las personas a ubicaciones concretas de tu sitio web. Requiere que
el anunciante tenga fan page.
Tamaño de imagen recomendado: 1,080 x 1,080 píxeles.
Las medidas indicadas deben utilizarse junto con el formato de imagen recomendado.

40px 480px 40px

40px

137px

40px
bordes redondeados

RIGHT SIDE
El aviso aparece en la columna derecha. Dirige a las personas a secciones destacadas de tu sitio web. No requiere que el anunciante
tenga fan page. Tamaño de imagen: 254 × 133 píxeles.
Solo en este caso, se coloca, en el extremo superior derecho, el isotipo de la Universidad sobre un cuadrado blanco o la palabra PUCP
sobre un fondo con bordes redondeados.

6px 55px 6px 10px 70px 10px

6px 5px

55px 18px

6px 5px

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 17

 Elementos digitales de escritorio
WORD, PDF, PRESENTACIÓN PPT
La presentación del logotipo institucional para cualquiera de estas piezas debe ser a colores sobre fondo blanco. Si el documento
contiene algún gráfico, el logotipo debe ir en su versión blanca sobre fondo de color sólido, siempre respetando los espacios
delimitadores.

UBICACIONES Y DIMENSIONES
• Todos los archivos Word y PDF deben tener el logo institucional en el lado superior derecho.
• Las diapositivas para Power Point deben empezar con el logotipo institucional PUCP centrado.
• Las diapositivas internas para Power Point deben contener la barra inferior de color institucional sólido con el logotipo en el lado
derecho y el nombre de la unidad (si lo necesitase) en el lado izquierdo, según las proporciones referenciales indicadas.

MEDIDAS A ESCALA

Word y PDF Presentación PPT - Inicio Presentación PPT - Interna

MI TITULO PUCP

Parrafo 1 parrafo 1 parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo

1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo
1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1.

48 px 48 px

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 18

 Elementos digitales de escritorio
WALLPAPPERS
• El wallpaper o fondo de pantalla tiene distintas formas de presentación.
• Las resoluciones en píxeles pueden ser las siguientes: 800 x 600, 1024 x768, 1280 x 960, 1440 x 960 y 1600 x 1200.
• Se debe respetar el espacio en la parte inferior, pues esta sería bloqueada por la barra de menú.

Sobre fondo de color sólido Sobre fondo de textura: opción 1

Sobre fondo de textura: opción2

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 19

 Cabeceras en blogs
BLOGS
Los blogs que pertenecen a la web de la PUCP deben usar el logotipo en la cabecera. El logotipo puede ser a colores sobre fondo
totalmente blanco, si el fondo es un color sólido, el logotipo será de color blanco. Se debe mantener sus áreas de respeto. La ubicación
del logo estará situada en el lado superior derecho o superior centrado. (Ver sección cabeceras en la web PUCP).

Cabecera sin diseño: uso de cabecera web para unidades y eventos

Cabecera con diseño con el logotipo de colores en viñeta

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 20

 Logotipo en redes sociales
Definir una identidad clara de la presencia de cada unidad en redes sociales para darle un carácter oficial ante la PUCP y quienes
participen en sus canales de comunicación.

FACEBOOK

COMO PÁGINA DE MARCA

10px 170px 10px

10px

51px

10px
bordes
redondeados

1 Imagen de portada, es imprescindible que la cuenta tenga una imagen de portada que defina una identidad visual, así como
también, es necesario que se incluya el logotipo PUCP (cualquiera de las dos versiones) el cual debe ser colocado en la parte superior
derecha teniendo en cuentas las dimensiones respectivas.

2 Imagen de perfil, esta no puede incluir logotipos de unidades ni texto alternativo, ya que, esta misma imagen luego adoptará un
tamaño menor una vez que el usuario empiece a seguir a la cuenta PUCP desde su muro. (ver figura 1)

3 Nombre de la cuenta perfil, este debe incluir el nombre "- PUCP" separado por un guion.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 21

 Logotipo en redes sociales
4 Información de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP"
separado por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios
que brinda.

Formas de poner el nombre completo de la unidad:

unidad - PUCP
curso | unidad - PUCP
carrera | unidad - PUCP
figura 1.

TWITTER
6px 55px 6px

6px

55px

6px

1 2

1 Imagen de perfil, esta deberá ser una imagen que lleve sobre puesto en un extremo superior derecho el isotipo de la Universidad,
el cual deberá estar centrado en un recuadro blanco con las medidas teniendo en cuenta las medidas indicadas.

2 Nombre de la cuenta perfil, este debe incluir el nombre "- PUCP" separado por un guion (tener en cuenta el máximo de caracteres
permitidos por la red social.

3 Biografía de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separado por
un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que brinda.

4 Fondo, la unidad puede incluir un diseño especial de fondo (foto y texto), pero este no debe incluir el logo de la universidad ni el
logo de la unidad.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 22

 Logotipo en redes sociales
LINKEDIN

COMO EMPRESA

2 3

1 Nombre de la cuenta empresa, este debe incluir el nombre "- PUCP" separado por un guion (tener en cuenta el máximo de
caracteres permitidos por la red social.

2 La imagen de perfil, debe ser el logotipo de la universidad (cualquiera de sus dos versiones).

3 Información de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separado
por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que brinda.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 23

 Logotipo en redes sociales
COMO GRUPO

2 1

1 Nombre de la cuenta grupo, este debe incluir el nombre "- PUCP" separado por un guión (tener en cuenta el máximo de caracte-
res permitidos por la red social.

2 La imagen de perfil, debe ser el logotipo de la universidad (cualquiera de sus dos versiones).

3 Información de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separa-
do por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que
brinda.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 24

 Logotipo en redes sociales
YOUTUBE
COMO LISTA DE REPRODUCCIÓN EN EL CANAL DE LA PUCP

1 Las unidades publicarán sus videos en listas de reproducción del canal oficial de la PUCP.

MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 25