Pulsante
Pulsante con icona, sfondo pieno, sfumato o video, bordo animato ed effetti al passaggio
Gli esempi sono solo una parte. Ogni tile ha anche le opzioni avanzate: animazioni, effetti del mouse, visibilità per dispositivo o per data, posizione e altro ancora.
01
Appena inserita
Così appare appena la aggiungi alla pagina, prima di qualsiasi modifica.
02
Le tre azioni di una trattoria
Una gerarchia vera: pillola piena col primario, pulsante a contorno che si riempie al passaggio e un link sottolineato col solo bordo inferiore.
03
I biglietti di un festival notturno
Su fondo notte: bordo a gradiente che ruota, testo mono in maiuscolo con l'effetto «Gradient animato» e, accanto, un pulsante a contorno con alone neon.
04
Iscrizioni a un laboratorio di ceramica
Una sola chiamata all'azione a tutta larghezza: sfondo sfumato del componente Sfondo, freccia dopo il testo, ombra calda che cresce e raggio che si allarga al passaggio.
05
Un museo di retro-informatica, stile brutalista
Bordo nero spesso, angoli vivi, carattere mono e un'ombra netta sfalsata che al passaggio si accorcia: il pulsante sembra premuto.
06
I link di una fioraia, uno sotto l'altro
Una colonna stretta come un profilo social: quattro pillole a tutta larghezza, bordo sottile e icona, che al passaggio si riempiono del primario.
07
I filtri di una libreria indipendente
Quattro pillole piccole in maiuscoletto sulla tinta del blu, quella attiva piena; al passaggio crescono e si riempiono.
08
L'app di una startup agricola
Due pulsanti scuri da store sullo sfondo blu: icona grande, raggio medio, ombra forte e un fondo che al passaggio vira verso il blu.
09
Un pulsante con un video dentro
Il componente Sfondo mette un video in loop dentro la pillola, con un velo scuro per leggere il testo; al passaggio il pulsante pulsa.
