Hero Banners: cuándo usar cada uno

Guía de las 6 variantes de hero del Starter y cuál elegir según el objetivo de la página.

Actualizado el min de lectura

Hero Simple

Título + bajada + 1-2 CTAs. El caballo de batalla para páginas internas donde el contenido manda y el hero solo enmarca.

Hero Media

Hero con imagen, video o slider de fondo. Úsalo en home y landings de alto impacto visual. Cuida el contraste del texto.

Hero Split

Texto a un lado, imagen/animación al otro. Excelente para SaaS y productos digitales que quieren mostrar la UI.

Hero Bento

Composición en grilla con varios bloques destacados. Estilo Apple/Linear. Ideal para resumir múltiples value props.

Hero Marquee

Cinta animada con logos o keywords. Sirve para mostrar clientes, premios o categorías de inmediato.

Hero Editorial

Tipografía gigante, sin imagen. Estilo manifesto. Funciona para marcas premium o causas (ONGs, agencias creativas).

¿Te fue útil este artículo?

✓ ¡Gracias por tu feedback!

Lamentamos que no haya sido lo que buscabas. ¿Quieres contactarnos directamente?

Contactar soporte

¿Aún necesitas ayuda?

Si no encontraste lo que buscabas, contáctanos y te ayudaremos lo antes posible.

Contactar soporte