Web ResponsiveComponents
Blurbs

Blurbs

Usa los blurbs para representar conceptos y características del producto, y están formados por un icono, un título y una descripción. Para aumentar el impacto de este componente procura que los mensajes sean cortos, de un máximo de dos o tres lineas. Puedes crear blurbs de diferentes maneras en función a la zona de la página donde los quieras usar simplemente combinando los elementos que lo forman.

Hero Blurbs

Úsalos para crear un gran impacto. Aplica un máximo de 3 por página. Es importante que no abuses de ellos para no sobrecargar el contenido con multitud de iconos y mensajes. Este tipo de blurb está formado por un hero icon y el mensaje que quieras trasmitir.

  • 10dp
  • 20dp
Default Blurb.
  • 10dp
  • 20dp
Blurb con link.
  • 10dp
  • 20dp
Default con botón.

Champion Blurbs

Úsalos cuando quieras mostrar, por ejemplo, una lista con características de producto, o en aquellos casos en los que necesites usar más de tres blurbs en la misma página. Este tipo de blurbs está formado por un champion icon y eel mensaje que quieras transmitir.

  • 10dp
  • 20dp
Default Blurb.
  • 10dp
  • 20dp
Blurb con link.
  • 10dp
  • 20dp
Default con botón.