Hover List
Elenco a righe con pastiglia o numero, che al passaggio rientrano e mostrano un'anteprima
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
La cartella colori di un colorificio
Pastiglie tonde coi colori del tema mescolati, nomi scuri su un riquadro chiaro; al passaggio la riga rientra, si tinge di rosso e la pastiglia si ingrandisce.
03
La carta dei vini di un'enoteca
Su uno sfondo notte: pastiglie quadrate color vino, nomi chiari in maiuscolo, annata e prezzo in monospazio a destra; al passaggio la riga si illumina appena.
04
I servizi di uno studio, come una sala di regia
Numeri progressivi al posto delle pastiglie, nome grande e descrizione a destra; al passaggio compare il «monitor» che segue il cursore e il numero passa al rosso.
05
Il guardaroba di una boutique, con anteprima
Al passaggio su ogni capo compare la sua foto (anteprima 3:4 larga 220 px) accanto al cursore; righe compatte, pastiglie piccole col colore del tessuto su un fondo pesca.
06
Il programma del festival, una sera per riga
Ogni voce ha il suo sfondo (tinte e sfumature del tema), il numero è la data e la colonna destra il luogo: un cartellone a strisce dentro un riquadro arrotondato.
07
Le giocatrici, con la foto al passaggio
Numero di maglia al posto del progressivo, ruolo a destra in monospazio, nomi chiari su uno sfondo blu; passando su un nome compare la foto della giocatrice.
