Cosa valutare prima di scegliere
Logo che resta leggibile su ogni fondo
Il logo è il primo elemento che si rompe. Con fondo trasparente, un logo scuro scompare su nero; con fondo bianco, spunta un rettangolo chiaro. Prepara due versioni oppure una sola con un sottile contorno chiaro, e salva le immagini in PNG con trasparenza. Il supporto dell’SVG nelle email varia da client a client, quindi non contarci. Controlla che lo strumento carichi i file senza ricomprimerli o riempire di bianco i bordi.
Accesso al codice per la variante scura
Per scegliere i colori da usare in modalità scura esiste una regola di stile, la media query prefers-color-scheme, che non tutti i programmi di posta rispettano. Per usarla serve poter incollare codice nell’intestazione del messaggio. Alcuni editor a blocchi lo consentono, altri tolgono ciò che non riconoscono: fai una prova con una regola semplice, invia il messaggio e guarda se è sopravvissuta. Se non lo è, il tuo margine di correzione è basso.
Foto, banner e sfondi con colori fissi
Le foto di prodotto su fondo bianco e i banner con il testo dentro l’immagine sono i punti deboli: l’immagine resta chiara mentre intorno si scurisce, e il testo scritto nel file non cambia colore. Tieni i testi importanti come testo vero, lascia un margine intorno alle immagini e non affidare un’informazione solo a un banner. Con immagine di sfondo, controlla che esista un colore pieno di riserva.
Modelli provati prima di usarli
Non dare per scontato che un modello dell’archivio si comporti bene al buio. Aprilo in anteprima, invialo a due o tre caselle con la modalità scura attiva e fai una schermata dei risultati. Un modello che passa la prova diventa la base da bloccare: chi prepara le campagne successive deve cambiare i contenuti, non i colori. Chiedi se lo strumento permette di salvare un modello come riferimento e di limitare chi può modificarlo.
Colori di testo e pulsanti separati
Quando il programma di posta inverte i colori, un pulsante chiaro con testo scuro può diventare scuro con testo scuro e sparire. Cerca un editor che ti lasci impostare separatamente sfondo del messaggio, testo, link, fondo del pulsante e testo del pulsante, con codici esadecimali. Se puoi scegliere solo «colore del marchio», non hai modo di correggere un contrasto insufficiente e dipendi dalle scelte del programma di posta.
Anteprime e prove su dispositivi reali
Le anteprime dell’editor aiutano, ma non sostituiscono i dispositivi. Servizi come Litmus e Email on Acid mostrano i messaggi in molti programmi di posta, anche con la modalità scura, con un abbonamento a parte; chiedi allo strumento se esiste un collegamento oppure se devi esportare l’HTML. A costo zero, tieni un telefono con la modalità scura attiva e le caselle Gmail, Outlook, Apple Mail, Libero e Virgilio per provare ogni modello.
Domande frequenti
Come si comporta la modalità scura nei vari programmi di posta?
In tre modi. Alcuni programmi non toccano il messaggio e lo mostrano come l’hai disegnato. Altri applicano una variante scura solo se il messaggio la prevede nel codice. Altri ancora invertono da soli colori e sfondi, a volte in modo parziale. Il comportamento cambia da un client all’altro, tra app e versione web e tra versioni diverse dello stesso programma. Per questo la prova va fatta almeno su Gmail, Outlook, Apple Mail e sulle caselle italiane più diffuse come Libero e Virgilio.
Posso impedire che il mio messaggio venga scurito?
Non del tutto. Esistono indicazioni nel codice che dichiarano al programma di posta quali schemi di colore il messaggio supporta, ma vengono rispettate solo da alcuni client e non da tutte le versioni. Scegli quindi una strada difensiva: colori definiti in modo esplicito, immagini con margine e trasparenza, contrasto buono su sfondo chiaro e scuro. Se un lettore ha forzato l’inversione dal sistema, il tuo messaggio dovrà reggere comunque. Verifica quali comportamenti sono documentati dal programma che ti interessa.
Quali colori mi conviene evitare?
Non esiste una tinta vietata, ma alcune coppie danno problemi. Un grigio chiaro su fondo bianco ha già poco contrasto e in inversione peggiora. Un testo bianco su pulsante colorato rischia di fare l’opposto: se il programma scurisce il pulsante e lascia il testo, il contrasto si perde. I colori molto saturi del marchio, come un giallo vivo o un blu elettrico, possono cambiare tono in modo imprevedibile. Prova la tua palette reale su dispositivi diversi e annota le coppie che reggono.
Perché la stessa email appare diversa a due colleghi?
Perché dipende da programma, versione, sistema operativo e impostazioni di ciascuno. Un collega con Outlook su computer, uno con Gmail su Android e uno con Apple Mail su iPhone possono vedere tre risultati diversi, anche con la modalità scura attiva per tutti. Quando ricevi una segnalazione chiedi sempre quale app usa la persona e allegane una schermata. Tieni una tabella semplice con i programmi provati e il risultato, così al prossimo modello non riparti da zero.
Come provo la modalità scura senza scrivere a tutta la lista?
Crea una lista di prova con quattro o cinque indirizzi tuoi o di colleghi su programmi diversi e invia ogni modello solo a loro. Attiva la modalità scura sul telefono e sul computer prima di aprire il messaggio, poi controlla logo, pulsanti, link e immagini. Se usi un servizio di anteprime, confronta il risultato con quello sul dispositivo reale. Aspetta di aver sistemato i problemi prima di programmare l’invio vero, e conserva le schermate della versione approvata.
Servono due modelli separati, uno chiaro e uno scuro?
Di solito no. Il metodo pratico è un solo modello con scelte difensive e, se il tuo strumento lo consente, poche regole aggiuntive per i colori chiave in modalità scura. Due modelli raddoppiano il lavoro e gli errori, perché ogni modifica va fatta due volte. Fa eccezione una campagna di marchio molto curata, come il lancio di una collezione, per cui può valere la pena un lavoro dedicato. Per newsletter e messaggi di servizio, un modello robusto e provato basta.
Chi deve occuparsene in azienda e quanto tempo richiede?
La verifica iniziale spetta a chi prepara il modello, che sia un grafico, l’agenzia o il responsabile marketing, e richiede qualche ora una tantum. Dopo, per ogni campagna basta un controllo breve: logo, pulsante principale, link e immagini principali su due o tre dispositivi. Scrivi la procedura in poche righe e allegala al modello. Se la comunicazione è affidata a un’agenzia, inserisci il controllo in modalità scura tra le consegne richieste nel contratto.
Vale la pena per il mio pubblico?
Non esistono dati validi per tutti: guarda i tuoi. Se lo strumento mostra quali programmi di posta e quali dispositivi usano i tuoi iscritti, capisci subito se prevalgono telefono e Apple Mail oppure Outlook su computer. I rimedi essenziali, cioè un logo trasparente, colori dei pulsanti verificati e una prova su due dispositivi, costano poco e migliorano il messaggio anche in modalità chiara. Se vendi online, includi nella prova anche le foto prodotto, che sono quelle che si notano di più.