Il Banner viene utilizzato come introduzione per le pagine del sito: è solitamente il primo elemento visibile all’atterraggio nella versione Big.
Può essere usato in qualsiasi punto della pagina nelle varianti Medium e Small, per spezzare il ritmo e attirare l’attenzione dell’utente.
Il banner NON va inserito in una Section.
ANATOMIA E VARIANTI
Vi sono due tipologie di banner:
Testuale: di utilizzo variabile, può contenere o meno un pulsante e richiama l’attenzione su uno specifico argomento
;
Card: sempre utilizzato a inizio pagina e in combinazione alla card Visore, introduce i punti principali di un’offerta (vantaggi, prezzo) e contiene sempre un pulsante. Nella versione mobile il foreground è posizionato di default sotto la card, mentre nella versione desktop è posizionato a sinistra.
CAMPI VARIANTE TESTUALE
- Foreground: Elemento grafico in primo piano. Rappresenta il visual delle offerte o dei servizi. Solitamente appare in abbinata al Background e ad un testo editoriale.
- Background (opzionale): Elemento grafico di sfondo, relativo alle offerte e ai servizi. Può essere di tre formati (643x643px big, 517x517px medium, 298x298px small).
I banner possono avere quattro tipologie di background: nessuno, un colore specifico, un'immagine dedicata o un video.
I bkg per i banner sono diversi tra mobile e desktop, quindi è necessario selezionare l'impostazione corretta e caricare l'immagine corrispondente per ciascuna versione.
Per cambiare il background su mobile, selezionare il banner, impostare Background Type su "IMAGE" e scegliere "Mobile" o "Desktop" in Background Image to Display for Editing.
Per garantire che i background siano visualizzati a tutto schermo senza tagli ai lati, ricordarsi sempre di abilitare l'opzione "Image Full Width".
Le medesime configurazioni valgono per i CAMPI VARIANTE CARD.
- Text layout: può essere aggiunto un elemento semitrasparente di sfondo per aumentare il contrasto con il background
a. Titolo
b. Sottotitolo (opzionale)
c. Elenco puntato (opzionale)
d. Prezzo standard (opzionale)
e. CTA primaria, secondaria (opzionale) e terziaria (opzionale)
CAMPI VARIANTE CARD
1. Foreground: Elemento grafico in primo piano. Rappresenta il visual delle offerte o dei servizi. Solitamente appare in abbinata al Background e ad un testo editoriale
2. Background (opzionale): Elemento grafico di sfondo, relativo alle offerte e ai servizi. Può essere di tre formati (643x643px large, 517x517px medium, 298x298px small). Vedi dettagli sopra in CAMPI VARIANTE TESTUALE.
3. Card Visore
