Contexto

Los botones son, en pocas palabras, elementos de tu app web en los que los usuarios pueden hacer clic para ejecutar una acción.

Fuente de los botones

Se utiliza una familia de fuentes predeterminada para los botones principales y secundarios.

• Elige un tipo de letra con el grosor de fuente que prefieras, aunque te recomendamos que utilices “Bold” (Negrita).
• Uso de mayúscula o minúscula: Puedes elegir mostrar el texto de los botones en mayúscula, minúscula, con mayúscula inicial o como se escribió originalmente.

Requisitos:

• Formato del archivo: OTF o TTF
• Licencia

Color del texto y de los botones principales

Los botones principales se utilizan para representar las acciones principales en la pantalla. Estos se crean a partir de dos colores: el color de fondo y el color del texto del botón principal. Crea una combinación que permita que el texto se pueda leer bien sobre el fondo que seleccionaste.

1. Color de fondo del botón principal
2. Color del texto del botón principal

Radio de borde del botón

La propiedad “border-radius” se utiliza para redondear las esquinas de los botones. Tenemos un radio de borde del botón grande y otro pequeño. El grande se utiliza para casi todos los botones del sistema. El pequeño solo se emplea para la selección del idioma en la pantalla de inicio.

1. Radio de borde del botón grande
2. Radio de borde del botón pequeño