Botón
Botón con icono, fondo liso, degradado o vídeo, borde animado y efectos hover
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
Las tres acciones de una trattoria
Una jerarquía de verdad: píldora llena con el color primario, botón con contorno que se rellena al hacer hover y un enlace subrayado solo con el borde inferior.
03
Las entradas de un festival nocturno
Sobre fondo noche: borde con degradado que gira, texto mono en mayúsculas con el efecto «Degradado animado» y, al lado, un botón con contorno y halo de neón.
04
Inscripciones a un taller de cerámica
Una sola llamada a la acción a todo el ancho: fondo degradado del componente Fondo, flecha tras el texto, sombra cálida que crece y radio que se ensancha al hacer hover.
05
Un museo de informática retro, estilo brutalista
Borde negro grueso, esquinas vivas, tipografía mono y una sombra nítida desplazada que se acorta al hacer hover: el botón parece pulsado.
06
Los enlaces de una florista, uno debajo de otro
Una columna estrecha como un perfil social: cuatro píldoras a todo el ancho, borde fino e icono, que se rellenan con el color primario al hacer hover.
07
Los filtros de una librería independiente
Cuatro píldoras pequeñas en versalitas sobre el tono del azul, la activa llena; al hacer hover crecen y se rellenan.
08
La app de una startup agrícola
Dos botones oscuros de tienda de apps sobre el fondo azul: icono grande, radio medio, sombra fuerte y un fondo que vira hacia el azul al hacer hover.
09
Un botón con un vídeo dentro
El componente Fondo coloca un vídeo en bucle dentro de la píldora, con un velo oscuro para leer el texto; al hacer hover el botón pulsa.
