Cerrar menú
Ingresar a Perfil gub.uy
gub.uy
Documentación

Tamaños de imágenes y textos en contenedores

Conocé las medidas indicadas para la carga de imágenes y largos de textos óptimos en cada contenedor. En la página Listado de contenedores podés conocer el diseño y el uso dentro del 3x3.

Accesos destacados

Especificaciones de imagen para Acceso destacado
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
120px 120px 1:1 1 mb.

Largo de textos para Acceso destacado

  • Box-title: Óptimo 80 caracteres. Obligatorio.
  • Box-info: Óptimo 60 caracteres.

Microaccesos

Especificaciones de imagen para Microaccesos
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
120px 120px 1:1 1 mb.

Largo de textos para Microaccesos

  • Box-name: Óptimo 50 caracteres.
  • Box-title: Óptimo 40 caracteres. Obligatorio.

Destacado 1

Especificaciones de imagen para Destacado 1
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
1080px 720px 3:2 * 1 mb.

*La imagen se recortará centrada según el tamaño de grilla y pantalla donde se esté visualizando. En móvil la imagen se muestra completa.

Largo de textos para Destacado 1

  • Box-info: Óptimo 50 caracteres.
  • Box-title: Óptimo 100 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres.

Destacado 2

Especificaciones de imagen para Destacado 2
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
800px 800px 1:1 * 1 mb.

*La imagen se recortará centrada según el tamaño de grilla y pantalla donde se esté visualizando. En móvil la imagen crece verticalmente según el contenido del destacado.

Largo de textos para Destacado 2

  • Box-title: Óptimo 80 caracteres. Obligatorio.
  • Box-text: Óptimo 190 caracteres.
  • Box-button: Óptimo 25 caracteres.

Destacado 3

Largo de textos para Destacado 3

  • Box-title: Óptimo 60 caracteres. Obligatorio.
  • Box-info: Óptimo 40 caracteres.
  • Box-text: Óptimo 200 caracteres. Obligatorio.

Destacado 4

Especificaciones de imagen para Destacado 4
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
240px 240px 1:1 1 mb.

Largo de textos para Destacado 4

  • Box-title: Óptimo 50 caracteres. Obligatorio.
  • Box-subtitle: Óptimo 90 caracteres.

Listado de enlaces

Largo de textos para Listado de enlaces

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres.
  • u-bullet > a: Óptimo 80 caracteres. Obligatorio.
  • Box-footerLink: Óptimo 40 caracteres.

Formato completo

Largo de textos para Formato completo

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres. Dentro del Box-description se podrían agregar varios párrafos (1 por cada Box-text). Posibilidad de edición a negrita, itálica y enlaces.
  • Box-title: Óptimo 80 caracteres. Obligatorio dentro del Box-item.
  • Button: Óptimo 40 caracteres.
  • Box-more: Óptimo 40 caracteres.

Timeline - Lista de etapas

Largo de textos para Timeline

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-subtitle: Óptimo 80 caracteres. Obligatorio.
  • Box-title: Óptimo 20 caracteres. Obligatorio. Se repite para la etiqueta del menú.
  • li: Óptimo 160 caracteres. Posibilidad de edición a negrita, itálica y enlaces.
  • Button: Óptimo 40 caracteres.
  • Box-more: Óptimo 40 caracteres.

Video

Largo de textos para Video

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres.

Listado horziontal / Listado de noticias

Especificaciones de imagen para Listado horizontal
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
600px 400px 3:2 * 1 mb.

*Las imágenes que no tengan la relación 3:2 se recortarán centradas para ocupar todo el espacio.

Largo de textos para Listado horizontal

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-info: Óptimo 50 caracteres.
  • Box-title: Óptimo 80 caracteres. Obligatorio.
  • Box-text: Óptimo 120 caracteres.
  • Box-more: Óptimo 40 caracteres.

Listado vertical

Especificaciones de imagen para Listado vertical
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
600px 400px 3:2 * 1 mb.

*Las imágenes que no tengan la relación 3:2 se recortarán centradas para ocupar todo el espacio.

Largo de textos para Listado vertical

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-subtitle: Óptimo 50 caracteres.
  • Media-title: Óptimo 80 caracteres. Obligatorio.
  • Box-info: Fecha - Óptimo 50 caracteres.
  • Box-text: Óptimo 360 caracteres.
  • Tags-item: Heredado.
  • Download-title: Heredado.
  • Download-description: Heredado.
  • Box-more: Óptimo 40 caracteres.

Agenda

Largo de textos para Agenda

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-subtitle (Nombre del evento): Óptimo 40 caracteres.
  • Box-info (Horario y lugar): Óptimo 60 caracteres. Obligatorio
  • Box-title (Nombre actividad): Óptimo 80 caracteres. Obligatorio.
  • Box-text (Descripción actividad): Óptiomo 160 caracteres.
  • Box-more: Óptimo 40 caracteres.

Listado de accesos

Especificaciones de imagen para Listado de accesos
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
120px 120px 1:1 1 mb.

Largo de textos para Listado de accesos

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres.
  • Box-title: Óptimo 80 caracteres. Obligatorio.
  • Box-info: Óptimo 90 caracteres.
  • Box-footerLink: Óptimo 40 caracteres.

Descargas

Largo de textos para Listado de descargas

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres.
  • Download-title: Óptimo 80 caracteres. Obligatorio.
  • Download-description: Óptimo 90 caracteres.
  • Box-more: Óptimo 40 caracteres.

Listado de trámites

Largo de textos para Listado de trámites

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-title: Óptimo 80 caracteres. Obligatorio.
  • Box-info: Óptimo 100 caracteres.
  • Button: Automático "Iniciar trámite en línea + : Nombre del trámite ".
  • Box-more: Óptimo 40 caracteres.

Datos numéricos

Largo de textos para Datos numéricos

  • Box-name: Óptimo 60 caracteres. Obligatorio.
  • Box-text: Óptimo 160 caracteres.
  • Box-info.u-textUppercase: Óptimo 30 caracteres.
  • Box-value: Óptimo 8 caracteres. Obligatorio.
  • Box-title: Óptimo 80 caracteres. Obligatorio.
  • Box-info: Óptimo 90 caracteres.
  • Box-more: Óptimo 40 caracteres.

Hero

Especificaciones de imagen para Hero
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
1080px 720px 3:2 * 1 mb.

*La imagen se recortará centrada según el tamaño de grilla y pantalla donde se esté visualizando. En móvil la imagen se muestra completa.

Largo de textos para Hero

  • Box-info: Óptimo 50 caracteres.
  • Box-title: Óptimo 100 caracteres. Obligatorio.
  • Box-text: Óptimo 260 caracteres.

Grilla (grupo) con fondo

Especificaciones de imagen para Grilla con fondo
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
1920px 760px Horizontal * 1 mb.

* Se recomienda formato horizontal, la imagen se recortará centrada según el tamaño de grilla y pantalla donde se esté visualizando.

Destacado con fondo multimedia

Especificaciones de imagen para Destacado con fondo multimedia
Ancho mínimo Alto mínimo Relación de aspecto Peso máximo
1080px 720px 3:2 * 1 mb.

*La imagen se recortará centrada según el tamaño de grilla y pantalla donde se esté visualizando.

Largo de textos para Destacado con fondo multimedia

  • Box-name: Óptimo 100 caracteres. Obligatorio.
  • Box-text: Óptimo 260 caracteres.
  • Button: Óptimo 25 caracteres.