Web ResponsiveComponents
Buttons

Buttons

Uno de los componentes más importantes en InfoJobs es el botón, en nuestro caso los botones los usamos para realizar “Call to actions” y por tanto a la hora de usarlos hay que seguir las normas estipuladas en esta sección, para no abusar de ellos.

Estilos

Cuando hablamos de estilos nos referimos al estilo visual que esta adquiriendo el icono. En los botones usaremos el primario para todos los “Call to action” posibles, usando el secundario cuando ya hay un boton primario en la página que estamos diseñando.

Los botones grouped los usaremos para separar contenido referente al mismo tema de conversación. Por ejemplo, para hacer una paginación y separar cada número o para compartir ofertas y separar cada botón de las redes sociales.

Tipos de botones.
Botones a utilizar sobre fondos azules, negros y fotografía.

Tipología

Los estilos vistos anteriormente pueden pertenecer a una tipología diferente. Puede contener sólo texto, iconos o ambos. Dependiendo de donde estamos insertando el botón, éste se puede ajustar al contenido o ajustarse a la grid usando una anchura del 100%.

  • 10dp
  • 20dp
Botón con texto.
  • 10dp
  • 20dp
Botón con texto e iconos.
  • 10dp
  • 20dp
Botón con icono.
Tipos de ancho del botón.