Lineamientos para la imagen de los sitios web de la DGTIC
[et_pb_section fb_built=»1″ _builder_version=»3.12.2″ custom_padding=»54px|0px|98px|0px|false|false»][et_pb_row _builder_version=»3.12.2″][et_pb_column type=»4_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_text _builder_version=»3.12.2″]
Lineamientos gráficos para los sitios web de la DGTIC
[/et_pb_text][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px» text_line_height=»1.8em»]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:[/et_pb_text][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/05/1head2-linea.png» _builder_version=»3.12.2″ box_shadow_style=»preset3″][/et_pb_image][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px» text_line_height=»1.8em» header_font=»||||||||» header_3_font=»||||||||» header_3_text_color=»666666 «]
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:[/et_pb_text][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/05/Screen-Shot-2022-03-29-at-20.38.34.png» _builder_version=»3.12.2″ box_shadow_style=»preset3″][/et_pb_image][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px» text_line_height=»1.8em»]
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:[/et_pb_text][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/04/footer1.png» _builder_version=»3.12.2″ box_shadow_style=»preset2″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row custom_padding=»74px|0px|27px|0px|false|false» _builder_version=»3.12.2″][et_pb_column type=»4_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_text _builder_version=»3.12.2″]
Elementos para descargar o consultar
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=»27px|0px|27px|0px|false|false» _builder_version=»3.12.2″][et_pb_column type=»1_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/03/pdficon.jpg» url=»https://tic.unam.cyou/wp-content/uploads/2022/05/Lineamientos-generales-sitios-DGTIC.pdf» url_new_window=»on» align=»center» _builder_version=»3.12.2″ max_width=»45%»][/et_pb_image][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px»]
Lineamientos para la imagen de los sitios web de la DGTIC
[/et_pb_text][/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/05/wwwicon-1-1.jpg» url=»https://tic.unam.cyou/identidad-grafica-dgtic/» url_new_window=»on» _builder_version=»3.12.2″ max_width=»45%» module_alignment=»center»][/et_pb_image][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px» header_font=»||||||||» header_2_font=»||||||||» header_2_line_height=»1.5em»]
[/et_pb_text][/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/03/jpgicon-1-1.jpg» url=»https://tic.unam.cyou/wp-content/uploads/2022/06/Logotipo-DGTIC-1.zip» align=»center» _builder_version=»3.12.2″ max_width=»45%»][/et_pb_image][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px»]
Elementos gráficos para
el sitio (logotipos)
[/et_pb_text][/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_image src=»https://tic.unam.cyou/wp-content/uploads/2022/03/ttf1.jpg» url=»https://fonts.google.com/specimen/Open+Sans» url_new_window=»on» align=»center» _builder_version=»3.12.2″ max_width=»45%»][/et_pb_image][et_pb_text _builder_version=»3.12.2″ text_font=»||||||||» text_font_size=»18px»]
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=»27px|0px|31px|0px|false|false» _builder_version=»3.12.2″][et_pb_column type=»4_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_text _builder_version=»3.12.2″]
Plantilla del sitio
[/et_pb_text][et_pb_text _builder_version=»3.12.2″]
Se cuentan con tres modelos de plantillas en formato html, WordPress y Bootstrap, favor de llenar el siguiente cuestionario para solicitar los archivos.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=»3.12.2″ border_width_all=»2px» border_color_all=»#d6d6d6″][et_pb_column type=»4_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_contact_form captcha=»off» email=»rcanoo@gmail.com» custom_message=»Mensaje de: %%Name%% ||et_pb_line_break_holder||Correo: %%Email%%||et_pb_line_break_holder||Área: %%area%%||et_pb_line_break_holder||Sitio: %%Sitio%%||et_pb_line_break_holder||Plantilla que solicita: %%Plantilla%%» use_redirect=»on» module_id=»et_pb_contact_form_0″ _builder_version=»3.12.2″ form_field_font=»||||||||» custom_button=»on» button_text_color=»#ffffff» button_bg_color=»#0c71c3″ button_border_color=»rgba(0,0,0,0)» button_font=»||||||||» max_width=»90%» module_alignment=»center»][et_pb_contact_field field_id=»Name» field_title=»Nombre del responsable» _builder_version=»3.12.2″ form_field_font=»||||||||» border_radii=»on||||»][/et_pb_contact_field][et_pb_contact_field field_id=»Email» field_title=»Dirección de correo electrónico» field_type=»email» _builder_version=»3.0.87″ border_radii=»on||||»][/et_pb_contact_field][et_pb_contact_field field_id=»area» field_title=»Área de adscripción» _builder_version=»3.12.2″ form_field_font=»||||||||» border_radii=»on||||»][/et_pb_contact_field][et_pb_contact_field field_id=»Sitio» field_title=»Nombre del sitio» _builder_version=»3.12.2″ form_field_font=»||||||||» border_radii=»on||||»][/et_pb_contact_field][et_pb_contact_field field_id=»Plantilla» field_title=»Opción de plantilla» field_type=»checkbox» checkbox_options=»%91{%22value%22:%22html%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22WordPress%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22Bootstrap%22,%22checked%22:0,%22dragID%22:1}%93″ fullwidth_field=»on» _builder_version=»3.12.2″][/et_pb_contact_field][/et_pb_contact_form][/et_pb_column][/et_pb_row][et_pb_row custom_padding=»60px|0px|27px|0px|false|false» _builder_version=»3.12.2″][et_pb_column type=»4_4″ _builder_version=»3.12.2″ parallax=»off» parallax_method=»on»][et_pb_button button_url=»https://tic.unam.cyou/mejora-sitios-dgtic/» button_text=»Mejora sitios DGTIC» button_alignment=»center» _builder_version=»3.12.2″ custom_button=»on» button_text_color=»#ffffff» button_bg_color=»#0c71c3″ button_font=»||||||||»][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]