Banner

Definición

El banner es un recurso gráfico de grandes dimensiones que se puede utilizar para destacar información particularmente relevante en páginas con modelo de portada. Todo el contenido del banner se enlaza a una misma url de destino. 

Anatomía

Los banners se componen de:

1. Imagen: Recurso gráfico de grandes dimensiones (1440x320 px). A la imagen se le aplica un tratamiento gráfico para que se oscurezca progresivamente en la parte inferior. No debe contener texto.
2. Título: Debe ser breve y descriptivo del destino del enlace.
3. Subtítulo (opcional): Si se incluye, debe complementar la información recogida en el título

Tipos

Por defecto

Esta sección muestra una vista previa del componente ajustada al tamaño del visor. Accede al componente al completo en el siguiente enlace:

• Banner

Pautas de uso

Utiliza imágenes apropiadas

Utiliza imágenes de buena calidad, atractivas, apropiadas para el contenido del banner y memorables. No incluyas texto dentro de las imágenes.

Componentes relacionados

Similar a:

• Recomendador: Componente recomendador para destacar búsquedas y el acceso ágil a los contenidos más visitados.

Forma parte de

• Carrusel de banner: Componente que permite presentar banners que rotan de forma automática.

Recursos asociados al componente

Implementación:

Storybook (solo accesible desde la RCJA)

Control de versiones