Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
Anexo 4.1
Versión Nov/2020
Guía de diseño gráfico para portales específicos de programas transversales del Estado.
Menú cumpliendo los contenidos mínimos
Para una mejor interacción y navegación de este documento, puede verlo en modo interactivo desde su navegador de internet.
VER EN MODO INTERACTIVO
Guía de diseño gráfico para portales específicos de programas transversales del Estado.
Lineamientos
Visualización
1. Barra superior
2. Contenidos mínimos
3. Barra inferior
En este documento encontrarás las recomendaciones de acondicionamiento gráfico generales para portales específicos de programas transversales del Estado, con las instrucciones de identidad visual de obligatorio cumplimiento por parte de las autoridades.Para mayor detalle por favor rediríjase a los siguientes enlaces según su necesidad:
Si necesita acceso a la información de estilos y uso de los componentes gráficos, vaya al KIT UI de Gov.co
Si necesita acceso a los componentes en lenguaje de programación, vaya al CDN de Gov.co
Lineamientos y guías estrategia de integración
Si necesita acceso las orientaciones y procedimientos para el cumplimiento de la estrategia de integración digital del Estado, vaya a la Biblioteca de Gov.co
https://www.gov.co/biblioteca/
Lineamientos
Barra superior Gov.co
1. Barra superior
3. Barra inferior
2. Contenidos mínimos
Ubicación en la pantalla
Barra superior gov.co
Vista WEB
Vista TABLET
Vista MOBILE
La barra inferior estará ubicada al final de todos los portales específicos de programas transversales del Estado y tendrá la siguiente información: – Logotipo del Portal Único del Estado Colombiano (gov.co)y de la marca país CO - Colombia. – Nombre del portal, dirección, código postal incluyendo el departamento (si aplica) y municipio o distrito. – Vínculos a redes sociales, para ser redireccionado en los botones respectivos. – Datos de contacto, incluyendo lo siguiente: – Teléfono conmutador – Línea gratuita o línea de servicio a la ciudadanía – Línea anticorrupción – Correo institucional para atención al público – Link para el mapa del sitio, y un link para vincular a las políticas como las siguientes: términos y condiciones, política de privacidad, y política de derechos de autor. Todas las líneas telefónicas deberán incluir el prefijo de país +57, y el número significativo nacional (indicativo nacional) que determine la Comisión de Regulación de Comunicaciones.
Los siguientes son los contenidos mínimos con los que debe contar los portales específicos de programas transversales del Estado. Estos deberán estar en el menú principal, de manera que el usuario pueda acceder a ellos desde todas las páginas del portal: - Información acerca del programa - Noticias - Contenidos e información - Ayuda - Servicios a la Ciudadanía *El estilo gráfico visual del menú depende de la entidad.
Vista WEB
Vista MOBILEVista TABLET
Ubicación en la pantalla
Ubicación en la pantalla
Barra superior gov.co
Barra superior gov.co
Barra inferior
Menú Menú Menú Menú Menú
Menú Menú Menú Menú Menú
ANEXO 4.1 | Guía de diseño gráfico para portales específicos de programas transversales del Estado
Nombre completo del portal Dirección: xxxxxx xxx xxx Departamento y Municipio Código Postal: xxxx Horario de Atención: Lunes a Viernes xx:xx am - xx:xx pm.
Contacto
Teléfono Conmutador: +57(xx) xxx xx xx Línea gratuita: 01-800-xxxxxxxx Línea anticorrupción: 01-800-xxxxxxxx Correo Institucional: [email protected] Mapa del sitio Políticas@ENTIDAD @ENTIDAD @ENTIDAD
Nombre completo del portal Dirección: xxxxxx xxx xxx Departamento y Municipio Código Postal: xxxx Horario de Atención: Lunes a Viernes xx:xx am - xx:xx pm.
@ENTIDAD @ENTIDAD @ENTIDAD
Contacto
Teléfono Conmutador: +57(xx) xxx xx xx Línea gratuita: 01-800-xxxxxxxx Línea anticorrupción: 01-800-xxxxxxxx Correo Institucional: [email protected] Mapa del sitio Políticas
Nombre completo del portal Dirección: xxxxxx xxx xxx Departamento y Municipio Código Postal: xxxx Horario de Atención: Lunes a Viernes xx:xx am - xx:xx pm.
@ENTIDAD
@ENTIDAD
@ENTIDAD
Contacto
Teléfono Conmutador: +57(xx) xxx xx xx Línea gratuita: 01-800-xxxxxxxx Línea anticorrupción: 01-800-xxxxxxxx Correo Institucional: [email protected] Mapa del sitio Políticas
Para mayor detalle de los lineamientos gráficos por favor rediríjase al KIT UI de Gov.co.
Contiene el logo de Gov.co, que redirecciona a https://www.gov.co/home/.
Si la entidad posee una traducción simple del contenido debe ubicar el ícono
de traductor en la barra superior alineada a la derecha. Se aconseja usar
traducción simple en lugar de traducción automática.
ANEXO 4.1 | Guía de diseño gráfico para portales específicos de programas transversales del Estado
VisualizaciónA continuación un ejemplo de uso de los lineamientos para Programas transversales del Estado.
Nombre completo del portal Dirección: xxxxxx xxx xxx Departamento y Municipio Código Postal: xxxx Horario de Atención: Lunes a Viernes xx:xx am - xx:xx pm.
Contacto
Teléfono Conmutador: +57(xx) xxx xx xx Línea gratuita: 01-800-xxxxxxxx Línea anticorrupción: 01-800-xxxxxxxx Correo Institucional: [email protected] Mapa del sitio Políticas@ENTIDAD @ENTIDAD @ENTIDAD
Menú de contenidos mínimos
Menú cumpliendo los contenidos mínimos
Este anexo se complementa con el KIT UI y el CDN de GOV.CO