Banner

Descripción

Banner flexible con opciones para:

• Texto (título + descripción)
• Uno o más botones (CTA)
• Fondo (sin fondo, color sólido, degradado o imagen)
• Variantes de ancho y acomodo del contenido

Cuándo usarlo

• Para llamar la atención en una sección intermedia.
• Para bloques con llamada a la acción (por ejemplo: botón hacia una página o recurso).

Campos y configuraciones

Content

• Heading
• Heading Level
• Description

CTA

• Buttons
  • Display Button (Show/Hide)
  • Button Link
  • Button Style
    • Primary
    • Secondary
    • Link

Style

• Background Style
  • None
  • Solid
  • Gradient
  • Image

Según la opción elegida, verás campos adicionales:

• Si eliges Solid:
  • Background Color
• Si eliges Gradient:
  • Gradient Style
• Si eliges Image:
  • Overlay Opacity (porcentaje de oscuridad/overlay)
  • Background Image

Layout

• Layout Width
  • Full Width
  • Contained
• Content Orientation
  • Stacked
  • Side By Side

Buenas prácticas

• Si usas Background Style = Image, ajusta Overlay Opacity para que el texto siempre sea legible.
• Mantén un máximo razonable de botones (normalmente 1 principal y opcionalmente 1 secundario).

Errores comunes

• Elegir fondo de imagen y no cargar Background Image.
• Usar demasiados botones en la misma sección.