Vetrina delle abilità
Ogni effetto di questa pagina è una scheda del catalogo landing-abilities: la pipeline li monta da sola nei siti generati, quando il brief li giustifica. Mentre leggi sono già attivi: la luce che segue il mouse, la barra di lettura in alto, l'indice a pallini a destra (desktop) e la griglia di puntini che respira sullo sfondo. Il mockup qui sotto si inclina in 3D col mouse e sale in parallax con lo scroll; il bottone è magnetico.
Video facade
Al caricamento è solo un'immagine con un play: l'iframe del player nasce al click. Otto video in pagina = zero player caricati finché non servono.
Reveal con rete di sicurezza
Questi blocchi appaiono entrando in viewport. La rete di sicurezza: se dopo 1,5 secondi qualcosa non è ancora emerso — script lento, observer mai partito — viene mostrato comunque. Meglio senza animazione che invisibile.
Le sonde Playwright del catalogo girano contro questa stessa pagina: è la regressione permanente delle abilità.
Con prefers-reduced-motion attivo ogni movimento di questa pagina si spegne, ma i contenuti restano tutti visibili.
Optin multi-step
Un campo per schermata, Invio per avanzare, honeypot invisibile per i bot, UTM della campagna nel payload. Qui l'invio finisce su un endpoint dimostrativo che non salva niente.
WhatsApp diretto e note
Il bottone verde in basso a destra è il widget WhatsApp senza plugin: si scrive nella card e l'invio apre wa.me col testo pronto — WhatsApp Web da desktop, l'app da telefono. Qui il numero è finto; nei siti veri arriva dal brief.
Guardie comuni
Effetti mouse solo con puntatore fine (mai su touch), tutto spento con reduced-motion, solo transform e opacity (GPU).
Da dove vengono
Ogni scheda nasce da una landing reale: si legge il codice, si estrae il meccanismo, si riscrive nelle convenzioni di casa. Le schede nuove finiscono anche qui.
Nastro e luce
Il nastro di loghi scorre in loop senza cuciture e si ferma al passaggio del mouse (nomi dimostrativi: nei siti veri i loghi arrivano dal brief, mai inventati). Sopra il titolo c'è il cono di luce, e questa sezione è separata dalla precedente dal filo luminoso da 1px con alone.
Prova, evidenziatore e offerta
Le colonne laterali scorrono in loop a velocità diverse (una sale a 10s, l'altra scende a 12s) e sfumano ai bordi; il titolo ha la parola chiave in un evidenziatore storto di −1,5°; l'offerta mostra la «distruzione del prezzo»: barrato rosso piccolo, prezzo vero grande.
Un titolo che convince davvero
Pacchetto demo
12 mesi- Tutte le abilità del catalogo
- Sonde Playwright permanenti — girano ogni lunedì
- Dark mode e reduced-motion inclusi