Ítem de listado de recursos

Contenido
Componente marcado para eliminación (deprecado)
Este componente se encuentra deprecado a partir de la versión 1.3. Se recomienda migrar a Tarjeta (card)

Definición

Los recursos de información se muestran habitualmente de forma resumida como ítems en listados. Esta estructura de presentación se incorpora habitualmente a páginas de listados de recursos, buscadores avanzados y facetados...

Composición

Cada ítem de un listado de recursos se compone de:

  • Imagen (opcional): Imagen relativa al recurso en formato vertical (proporción 3:4).
  • Fecha (opcional): Alternativa a la imagen, para recursos en los que la fecha sea muy relevante (p.ej. agenda de eventos).
  • Nombre del recurso (obligatorio): Habitualmente irá enlazado a un contenido en detalle.
  • Información adicional (opcional): Junto a cada recurso pueden incorporarse como máximo tres campos de datos asociados al recurso de información.
  • Enlace (opcional): URL completa del recurso, recomendable cuando el listado recoge recursos de distintos tipos (p.ej. resultados de búsqueda generales de un sitio web).

Item de listado de recursos con información adicional

ítem de listado de recursosítem de listado de recursos (boja)

Especificaciones de diseño

ElementoColorTamañoTipoPesoInterlineado
Títulos#08702117pxSource Sans ProMedium25px
Descripción#11111115pxSource Sans ProRegular25px
Etiquetas#11111115pxSource Sans ProBold20px

Item de listado de recursos con imagen

Este tipo de listado se utiliza por ejemplo en el catálogo de publicaciones del portal principal de la Junta de Andalucía

Listado de recursos con imágenes - Ejemplo publicaciones

Especificaciones de diseño

ElementoColorTamañoTipoPesoInterlineado
Títulos#08702125pxSource Sans ProRegular25px
Descripción#11111115pxSource Sans ProRegular25px
Etiquetas#11111115pxSource Sans ProBold20px

Item de listado de recursos con fecha relevante

Este tipo de listado se utiliza por ejemplo en la agenda del portal principal de la Junta de Andalucía

ítem de listado de recursos con fecha. Ejemplo eventos

Especificaciones de diseño

ElementoColorTamañoTipoPesoInterlineado
Títulos#08702117pxSource Sans ProRegular25px
Descripción#11111115pxSource Sans ProRegular25px
Día#08702120pxSource Sans ProBold20px
Mes#08702112pxSource Sans ProMedium15px
Año#08702110pxSource Sans ProBold15px