Catálogo visual de tarjetas
Índice
Configuraciones resumidas del fragmento Aena- Tarjeta
Enlaces / botones
Define acciones interactivas.
Etiquetas (tags)
Resaltan estados o categorías.
Texto + icono
Tipos: Acción, Informativa
Informative
Texto de ejemplo
Texto enriquecido de ejemplo
Solo texto
Tipos: Acción, Informativa
Informative
Texto de ejemplo
Texto enriquecido de ejemplo
Solo icono
Tipos: Acción, Informativa
Texto de ejemplo
Texto enriquecido de ejemplo
Estados visuales
Tipos: Acción, Informativa
Informative
Texto de ejemplo
Texto enriquecido de ejemplo
Informative
Texto de ejemplo
Texto enriquecido de ejemplo
Informative
Texto de ejemplo
Texto enriquecido de ejemplo
Estilo de la tarjeta
Define el fondo y contraste de la tarjeta.
Claro
Tipos: Acción, Informativa, Texto, Título
Oscuro
Tipos: Acción, Informativa, Texto, Título
Tamaño de la tarjeta
Define el fondo y contraste de la tarjeta.
Pequeño
Tipos: Acción, Informativa, Texto, Título
Mediano
Tipos: Acción, Informativa, Texto, Título
Texto de ejemplo
Texto enriquecido de ejemplo
Texto de ejemplo
Enlace de ejemplo
Texto de ejemplo
Texto enriquecido de ejemplo
Texto de ejemplo
Enlace de ejemploGrande
Tipos: Acción, Informativa, Texto, Título
Texto de ejemplo
Texto enriquecido de ejemplo
Texto de ejemplo
Enlace de ejemplo
Texto de ejemplo
Texto enriquecido de ejemplo
Texto de ejemplo
Enlace de ejemploImagen e iconos
Define si se muestra contenido visual y cómo se ajusta
Imagen destacada (cover)
Tipos: Acción, Informativa, Informativa
Texto de ejemplo
Texto enriquecido de ejemplo
Imagen completa (contain)
Tipos: Acción, Informativa
Texto de ejemplo
Texto enriquecido de ejemplo
Solo icono / sin imagen
Tipos: Acción, Informativa, Título
Texto de ejemplo
Texto enriquecido de ejemplo
Texto de ejemplo
Texto enriquecido de ejemplo
Texto de ejemplo
Enlace de ejemploContenido de texto
Controla título, descripción y líneas visibles.
Título verde
Tipos: Acción, Informativa, Texto, título
Texto centrado
Tipos: Acción, Informativa
Texto de ejemplo
Texto enriquecido de ejemplo
Aena - Tarjeta de cotización
Este tipo de tarjetas dispone de un campo de configuración que permite definir un iframe
, así como personalizar el texto del botón
asociado. De este modo, es posible adaptar tanto el contenido embebido como la llamada a la acción según las necesidades de cada caso, sin requerir cambios adicionales en el desarrollo.
Aena - Tarjeta Filial
Este tipo de tarjetas incorpora un tooltip configurable
, que permite definir campos de texto y un enlace
. Todos los elementos del tooltip son totalmente personalizables, lo que facilita adaptar la información y la navegación asociada según las necesidades del contenido.
Texto de ejemplo
Texto de ejemplo
Aena - Tarjeta Imagen
Este tipo de tarjeta está diseñado exclusivamente para la presentación de una imagen
con este formato. No incluye elementos interactivos ni contenido adicional, priorizando una visualización clara y coherente del recurso gráfico.
Aena - Tarjeta POI
Este tipo de tarjeta está pensada para representar un punto de interés (POI)
, permitiendo asociarlo a distintas categorías
. De forma opcional, se puede añadir un número de teléfono y/o un horario
, aunque también es posible mostrar la tarjeta únicamente con la información básica, según las necesidades del contenido.
Texto de ejemplo
Texto de ejemplo
Texto de ejemplo
Texto de ejemplo
Aena - Tarjeta Tienda
Este tipo de tarjeta ofrece diversas opciones de configuración
, similares a las de la tarjeta grande
, con la novedad de permitir añadir diferentes categorías dentro de la misma tarjeta
. Habitualmente se utiliza para tiendas y restaurantes
, ya que facilita agrupar y presentar información de forma clara y estructurada.
Aena - Tarjeta Persona
Este tipo de tarjeta está diseñado para representar los datos de una persona
y permite abrir un popup con información adicional
sobre ella, facilitando la visualización de detalles de manera ordenada y accesible.
Maurici Lucena Betriu
Presidente
Aena - Tarjeta Eventos
Este tipo de tarjeta está diseñado para vincular eventos
, facilitando la presentación de información relevante y la interacción con cada evento de manera visual y organizada.