Header


El Kit Digital incluye headers o encabezados para distintas categorías de marca que contempla la normativa de arquitectura de marca oficial de la Universidad: marca madre modifica, submarca y denominación.

Cada uno de estos headers incorporados en el Kit han sido diseñados y desarrollados en cumplimiento con la normativa y exigencias vigentes.

Para consultas respecto a la categoría de marca que corresponde a cada unidad / proyecto -según el modelo de arquitectura de marca de la UC (Manual de uso de marca - Pontificia Universidad Católica de Chile)- se debe contactar a Soledad Hola, directora de Diseño Corporativo (mhola@uc.cl).

Todos los headers de esta sección incluyen el componente topbar global (barra azul superior con enlaces al sitio uc.cl, Correo, Mi Portal, entre otros) que es un elemento obligatorio que todos los sitios de la UC deben incluir, salvo excepciones específicas que se deben consultar directamente con la Dirección Digital de la UC (direcciondigital@uc.cl).

Barra de navegación superior

Denominación con marca nacional:
  • Esta opción de marca se usa en productos y contextos nacionales.
  • Las denominaciones no es marca (a diferencia de una submarca, que si tiene una imagen de marca propia).
  • Es solo un nombre descriptivo.
  • Es el nombre de una unidad interna de la institución: departamento, dirección, programa de estudio, servicio, proyecto, laboratorio o estación de investigación. Se puede usar en conjunto con la marca madre.

Header UC denominación (light)

Ejemplo:

Header UC denominación (dark)

Ejemplo:

Header UC denominación (alpha)

Ejemplo:

info Header UC denominación (alpha): Este header denominación alpha con transparencia debe ser utilizado siempre con una imagen de fondo, ya sea con el componente carrusel de encabezado o con el componente Hero en la página de inicio. Se puede revisar y copiar el código de un ejemplo aplicado que combina header denominación alpha más carrusel de encabezado en el siguiente enlace, y un ejemplo de header denominación alpha más componente Hero en el siguiente enlace.

Denominación con marca internacional: UC | Chile
  • Esta opción de marca se usa en productos y contextos internacionales. Para dudas respecto a si se permite a un sitio web usar la opción de marca internacional se debe contactar a Soledad Hola, directora de Diseño Corporativo (mhola@uc.cl).
  • Las denominaciones no son marca (a diferencia de una submarca, que si tiene una imagen de marca propia).
  • Es solo un nombre descriptivo.
  • Es el nombre de una unidad interna de la institución: departamento, dirección, programa de estudio, servicio, proyecto, laboratorio o estación de investigación. Se puede usar en conjunto con la marca madre.

Header UC denominación internacional (light)

Ejemplo:

Header UC denominación internacional (dark)

Ejemplo:

Header UC denominación internacional (alpha)

Ejemplo:

info Header UC denominación internacional (alpha): Este header denominación alpha con transparencia debe ser utilizado siempre con una imagen de fondo, ya sea con el componente carrusel de encabezado o con el componente Hero en la página de inicio. Se puede revisar y copiar el código de un ejemplo aplicado que combina header denominación internacional alpha más carrusel de encabezado en el siguiente enlace, y un ejemplo de header denominación internacional alpha más componente Hero en el siguiente enlace.

Submarca:

Las submarcas cuentan con una promesa diferente, pero relacionada, logrando una imagen de marca propia pero asociada a la vez. Existe un vínculo interdependiente entre la submarca y la marca madre.

Header UC submarca (light)

Ejemplo:

Header UC submarca con slogan (light)

Ejemplo:

Header UC submarca (dark)

Ejemplo:

Header UC submarca con slogan (dark)

Ejemplo:

Header UC submarca con slogan (alpha)

Ejemplo:

info Header UC submarca con slogan (alpha): Este header de submarca alpha con transparencia debe ser utilizado siempre con una imagen de fondo, ya sea con el componente carrusel de encabezado o con el componente Hero en la página de inicio. Se puede revisar y copiar el código de un ejemplo aplicado que combina header de submarca alpha más carrusel de encabezado en el siguiente enlace, y un ejemplo de header de submarca alpha más componente Hero en el siguiente enlace.