Mockup dimostrativo: testi proposti, dati da confermare, immagini segnaposto. Pagina non indicizzata.
Mockup sito VLConfronto delle direzioni grafiche

Tre direzioni con gli stessi testi, gli stessi dati da confermare e le stesse immagini illustrative generate con AI. Cambiano tipografia, impaginazione e movimento. Ogni direzione ha sei pagine: Home, Profilo, Aree di attività, Cassazione, Approfondimenti, Contatti.

Direzione A

Luminosa e istituzionale

Lo stile già approvato: hero fotografica che sfuma nel bianco, Source Serif 4 e Source Sans 3, icone oro in cerchi beige, pulsanti maiuscoli con freccia. Nessuna animazione.

Apri la direzione A

Variante B

Fascicolo: editoriale e tipografica

Impaginata come un atto annotato: Libre Caslon (il carattere storico della stampa ufficiale), note a margine in corsivo al posto delle etichette maiuscole, indice delle aree come un sommario. Nome in grande che sale riga per riga, foto che si apre da destra, sottolineature che si disegnano al passaggio, passaggi del metodo numerati in romano.

Apri la variante B

Variante C

Portico: architettonica e notturna

Hero a tutto schermo che si apre come un sipario, nome inciso come su un architrave (Jost, con testi in Newsreader), immagini ritagliate ad arco, fasce blu notte scandite da lesene sottili, header trasparente che diventa pieno allo scroll e menu mobile a schermo intero.

Apri la variante C

Note per il confronto

  • B e C usano le transizioni tra pagine del browser (View Transitions): visibili in Chrome, Edge e Safari recenti; negli altri browser il cambio pagina è normale.
  • Con "riduci movimento" attivo nel sistema operativo tutte le animazioni sono disattivate; senza JavaScript i contenuti restano visibili.
  • Font caricati da Google Fonts solo per la demo; nel sito definitivo saranno ospitati in locale.