Lineamientos gráficos para los sitios web de la DGTIC

A continuación se presentan los lineamientos generales mínimos que deberán adoptar los sitios web de la DGTIC. Son normas generales que se pueden adaptar a los diferentes diseños de sitios ya existentes, elaborados en html o en gestores de contenido.

Encabezado (Header)

La cabeza de los sitios de la DGTIC llevará una placa color azul #00589c en donde se ubicará el logotipo oficial de la DGTIC en color blanco. Del lado derecho aparecerá el nombre del servicio, dirección o departamento en tipografía Roboto de 24px en color blanco.

El menú podrá aparecer en un segundo nivel en una pleca color azul #004179 con letras blancas.

Ejemplo:

Textos

Se sugiere usar para los párrafos tipografía Open sans color gris obscuro  #666666. Para los títulos, subtítulos o textos a resaltar se puede usar la tipografía Open sans color azul #0c71c3

Ejemplo:

Pie de página (footer)

Pie 1: Pleca color azul #00589c con textos centrados en color blanco con el aviso legal: Hecho en México. Universidad Nacional Autónoma de México (UNAM). Todos los derechos reservados 2022. «Esta página puede ser reproducida con fines no lucrativos, siempre y cuando se cite completa y su dirección electrónica, y no se mutile; de otra forma requiere permiso previo por escrito de la institución«.

Pie 2: (opcional) Pleca color azul #004179. En esta área podrán ir ubicados, en color blanco el logotipo de la DGTIC, créditos, ubicación, redes sociales (solo usar las redes sociales propias del sitio), etc. 

Ejemplo:

Elementos para descargar o consultar

Plantilla del sitio

Se cuentan con tres modelos de plantillas en formato html, WordPress y Bootstrap, favor de llenar el siguiente cuestionario para solicitar los archivos.

Opción de plantilla

Atención a usuarios