Sediamoci un attimo, perché devo confessarti una cosa: ci sono voluti anni di onorata carriera prima che mi rendessi conto del trucchetto che sto per spiegarti. Anni passati a spaccarmi la testa sul kerning fra due lettere, a confrontare quarantasette sfumature di grigio per decidere se quel testo secondario doveva essere #777 oppure #999, e nel frattempo proprio davanti ai miei occhi c’era una soluzione vecchia come il Colosseo: IL MAIUSCOLO.
Mi sono accorto della cosa quando ho cominciato a smontare le homepage dei siti che mi piacciono di più — quelli che ti danno quella sensazione di “qui dentro qualcuno sa il fatto suo”. E indovina? Erano pieni di maiuscolo. Non urlato come il commento del boomer su Facebook che scrive “MA QUANDO PARLEREMO DEI VERI PROBLEMI”, ma piazzato chirurgicamente nei sottotitoli, nelle label, nei menu di navigazione, nei tag delle categorie. Roba che a occhio nudo manco te ne accorgi, e che però fa la differenza fra un sito che sembra fatto da un professionista e uno che sembra il progetto di tua cugina alla seconda lezione di Figma.
La mia epifania
A farmi notare la questione una volta per tutte è stato Erik Kennedy di Learn UI Design, uno di quelli che quando scrive una newsletter te la leggi fino in fondo perché di solito ne esci più scemo di quando sei entrato — nel senso che ti rendi conto di quanto poco sapevi prima. Lui prendeva come esempio la homepage di Le Labo Fragrances, il marchio di profumi minimal-elegantoidi che tutti compriamo per fingere di essere persone interessanti. Sottotitoli, label, navigazione: tutto in maiuscolo. Stessa storia con Row7, l’azienda di sementi del cuoco Dan Barber, che ha praticamente l’INTERA homepage in maiuscolo senza che tu te ne accorga, finché non gli tiri sopra un evidenziatore mentale e ti rendi conto della cosa.
Il fatto è questo: non è una scelta casuale. È un trucco che i designer più bravi al mondo usano da sempre, ma che nei corsi di design ti spiegano come si spiega il sesso a scuola — frettolosamente e con un sacco di “non si fa”. E invece, se sai dosarlo, è una delle armi più potenti che hai nella tua cassetta degli attrezzi.
Perché il maiuscolo funziona (spoiler: geometria, non magia)
I motivi per cui il maiuscolo fa il suo sporco lavoro in fondo sono due, e nessuno dei due c’entra qualcosa con l’urlare.
Il primo è l’allineamento. Le lettere minuscole hanno ascendenti, discendenti, occhielli, alberi e tutta una serie di sporgenze che fanno sembrare il testo una skyline disordinata di Manhattan vista dal terrazzo di un attico. Le maiuscole, invece, sono soldatini in fila: hanno tutte la stessa altezza, baseline e cap-height coincidono per ogni lettera, e l’occhio percepisce immediatamente quel senso di ordine geometrico che noi designer rincorriamo come Capitan Achab rincorreva Moby Dick. L’allineamento, in qualsiasi disciplina visiva, è il segnale universale di “qui c’è stata cura”. È la stessa ragione per cui un ristorante con i tavoli ben allineati ti sembra più affidabile di uno dove sembra che li abbia disposti un piranha ubriaco.
Il secondo motivo è l’attenzione. Una label che in minuscolo verrebbe ignorata come un messaggio del collega dell’altro reparto, in maiuscolo comincia a esistere. Non grida, semplicemente afferma la propria presenza. È come quando entri in una stanza piena di gente vestita pastello e c’è quella persona in nero ferma in mezzo — non sta facendo niente di particolare, ma la noti.
La regola sacra che adesso massacriamo
E qui arriviamo al pezzo che fa storcere il naso ai puristi. Esiste una regola del design che gira da sempre nelle aule, nei libri di tipografia e nei thread di Reddit alle tre di notte: una variazione alla volta. Se il testo standard è il base, allora puoi enfatizzare un elemento facendolo o più grande, o più grassetto, o di un altro colore, oppure in maiuscolo — ma per carità, mai due cose insieme. Mai grassetto E maiuscolo E rosso E ingrandito, perché allora stai facendo il volantino del bar dello zio fuori dalla stazione.
Il principio è solidissimo. Robin Williams — no, non quello di Mrs. Doubtfire, ma la signora che ha scritto “The Non-Designer’s Design Book”, titolo che già da solo fa capire il livello di pazienza didattica della sua autrice — lo formalizza nel concetto di contrasto: il contrasto dev’essere chiaro, deciso, evidente. Aggiungere troppe variazioni contemporaneamente non aumenta il contrasto, lo annulla. È la versione tipografica del principio per cui se metti tutto in evidenza, niente è in evidenza — quella roba che ti spiegano al primo anno mentre tu sognavi di diventare il prossimo Saul Bass.
Però — e qui sta il punto — il maiuscolo è quel pezzo di puzzle che si comporta diversamente dagli altri. Mentre il grassetto, il colore e la dimensione sono tutti modi diversi di dire “questa parola pesa di più”, il maiuscolo non aggiunge peso: cambia proprio il tipo di geometria con cui la parola occupa lo spazio. Una label tutta in maiuscolo a 12px che fa da occhiello sopra un titolo a 48px in grassetto non sta competendo con il titolo, sta facendo un altro mestiere. È come la differenza fra un basso e una chitarra in una band: stessa famiglia di strumenti, ma occupano frequenze diverse e non si pestano i piedi.
Per questo motivo molti designer — incluso il sottoscritto, dopo che me ne sono finalmente accorto — usano l’accoppiata classica titolone-display + label-maiuscola-piccola-spaziata: un titolone enorme in grassetto, e sopra una microscritta in maiuscolo, magari in un colore desaturato e con la spaziatura aperta. Tecnicamente sono più variazioni sulla stessa scrittina — è più piccola, è di un altro colore, è in maiuscolo, è più spaziata — eppure funzionano insieme perché il maiuscolo gioca su un piano completamente diverso. Non compete, accompagna. È quasi imbarazzante quanto sia un cliché funzionante: prova a guardarti in giro e conta quante volte lo vedi su siti, brand e packaging dal 2015 in poi.
Quando NON usarlo (perché un minimo di buon senso ci vuole)
Ora, prima che ti metta a fare gli articoli del blog tutti in maiuscolo come gli avvocati che mandano le mail di diffida alle tre di notte, due avvertenze importanti.
La prima: il maiuscolo nei testi lunghi è una tortura medievale. Non leggi un libro tutto in maiuscolo come non guardi una stagione intera di Breaking Bad in 2x. La leggibilità crolla drammaticamente, perché il nostro occhio riconosce le parole anche dalla loro silhouette — quella roba con gli ascendenti e i discendenti che dicevo prima — e quando le parole sono tutte rettangoli identici, il cervello deve leggere lettera per lettera. Risultato: ti si squagliano gli occhi entro la seconda riga.
La seconda: qui parliamo di web, occhio all’accessibilità. Se in HTML scrivi “FANCULO” tutto maiuscolo direttamente nel codice, gli screen reader storicamente potrebbero leggerlo come un acronimo, lettera per lettera, o interpretarlo come urlo. La soluzione è usare il CSS text-transform: uppercase: il testo nel codice resta in minuscolo, viene trasformato solo visivamente, e gli screen reader sono contenti. Una di quelle cose che dovresti già fare di default e che invece, sondaggio personale informale, vedo non farsi tipo otto volte su dieci.
Quindi, in concreto, quando usarlo
Il maiuscolo è perfetto per cose corte. Una, due, massimo quattro parole. Categorie, label, eyebrow text (quelle scritte piccoline sopra i titoli che dicono cose tipo “ARTICOLO IN EVIDENZA” o “DESIGN”), bottoni, voci di menu, microcopy strategica. Tutto quello che è etichetta più che testo. Se ti ritrovi a maiuscolare una frase di tre righe, ti sei perso per strada.
E mi raccomando: quando lo usi in maiuscolo, aggiungi sempre un po’ di tracking — spaziatura tra le lettere. Le maiuscole strette si tirano i capelli a vicenda e diventano illeggibili. Un valore tra 0.05em e 0.1em di letter-spacing fa già tutta la differenza fra “wow” e “boh”.
Da oggi in poi, comunque, dovresti guardare con altri occhi il Caps Lock — quel tasto sottovalutato della tastiera, quello che fino a ieri usavi solo per scrivere insulti al collega che ti aveva rotto il file condiviso.
P.S. Se sei arrivato fino a qui, sappi che hai appena dedicato un quarto d’ora della tua vita a leggere milleduecento parole sul maiuscolo. Le possibilità sono tre: o sei un designer, o sei un nerd di tipografia, oppure stai procrastinando una scadenza importante. In tutti e tre i casi, benvenuto nel club. In effetti anche io ho scritto questo articolo per procrastinare una scadenza. Anzi, tre.
Lascia un commento