Hafen 1.0: un tema, 38 look, zero file di font
Il nostro tema a blocchi lascia la serie 0.x. La 1.0 trasforma cinque varianti di colore in un sistema di look con 38 volti, mette la colonna di lettura al servizio della leggibilità e porta con sé l’irrobustimento nato da una vera migrazione sul campo. Qui trovi cosa c’è dentro esattamente e quali decisioni ci stanno dietro.
Un rilascio di tema con il numero 1.0 è una promessa: questo è pensato fino in fondo. Hafen gira dalla versione 0.4 su siti in produzione, dall’associazione di categoria alla piattaforma di coaching, e ognuna di queste installazioni ha lasciato tracce nel tema. La 1.0 raccoglie tutto in uno stato dietro cui stiamo senza note a piè di pagina. Il pezzo più grande è il sistema di look.
Da cinque varianti di colore a 38 look
Le varianti di stile le conosce quasi ogni tema a blocchi, e quasi ovunque significano: la stessa pagina in altri colori. A noi sembrava troppo poco, perché il carattere di un sito dipende dalla scrittura, dalla forma e dallo spazio almeno quanto dalla palette. I 38 look di Hafen 1.0 giocano perciò su quattro assi di design: colore, tipografia (abbinamento dei font e scala delle dimensioni), forma (raggi degli angoli, dagli spigoli vivi alla forma a pillola) e densità (spaziature, interlinea, larghezza del testo).
Il risultato sono otto caratteri con quattro declinazioni ciascuno, più un fuori programma per la spiaggia: sobrio e funzionale per chi offre servizi, caldo e narrativo per i progetti personali, forte e da manifesto per le campagne, calmo e serio per studi legali e consulenza, accessibile al massimo, tecnico, giocoso, editoriale. Cambiare è un clic nell’editor del sito, i contenuti restano intatti, e siccome dalla 1.0 raggi e ombre vivono come token nel theme.json, card, pulsanti, immagini e perfino la paginazione del blog seguono ogni look con coerenza.
Zero file di font, e in ogni singolo look
Qui c’è forse la decisione più insolita della 1.0: tutte le 38 varianti usano stack di font di sistema. Segoe UI su Windows, San Francisco sui dispositivi Apple, Roboto su Android, abbinati e calibrati con cura, ma senza un solo download di font. Solo il look standard carica il font Inter incluso, come un unico file variabile dal proprio server, senza alcun collegamento a Google Fonts o a un qualsiasi server di terzi.
Il guadagno è doppio: non c’è niente da caricare e niente salta durante il caricamento, e sul piano della privacy semplicemente non esiste un fornitore terzo di font su cui doversi interrogare.
La verifica del contrasto che ferma la build
Controllare a mano la leggibilità di 38 look è illusorio, quindi controlla una macchina. Uno strumento di verifica applica ogni variante sopra il theme.json, risolve tutti i valori di colore e misura circa 30 coppie primo piano-sfondo che nel tema compaiono davvero, contro le WCAG 2.1 AA. Se una coppia obbligatoria non passa, la build di rilascio si interrompe. Alla primissima esecuzione lo strumento ha trovato subito sei errori di contrasto in uno stato all’epoca già approvato, corretti con la 1.0. È esattamente per questo che si costruiscono guardiani del genere.
Una colonna di lettura al servizio del testo
Il cambiamento più visibile per i siti esistenti: il testo scorre ora in una colonna da 680 pixel con testo base da 18 pixel, cioè circa 68 caratteri per riga invece dei circa 90 di prima. La regola empirica della tipografia per righe ben leggibili sta da decenni tra i 45 e i 75 caratteri, e praticamente ogni piattaforma di lettura finisce lì. Elenchi di articoli, aperture e blocchi larghi restano intatti a 1180 pixel, e il testo guadagna in più un vero ritmo verticale: i titoli si legano al paragrafo che segue invece di fluttuare liberi a distanza uniforme.
E siccome la larghezza di lettura è anche una questione di gusto, resta un’impostazione: nell’editor del sito sotto Stili, Layout, documentata in quattro livelli consigliati da 620 a 860 pixel. Lo standard è un consiglio, non un dogma.
L’irrobustimento nato da una migrazione vera
Nella 1.0 è confluito inoltre tutto ciò che la migrazione di un sito in produzione, cresciuto negli anni, da un tema classico a Hafen ha portato alla luce: un template di pagina per i vecchi contenuti a larghezza fissa, un airbag per gli embed contro i salti di layout su mobile causati da vecchi video incorporati, ancore che non finiscono più nascoste sotto l’header sticky e un menu mobile che porta i colori del tema anche nei look scuri. La serie completa di misurazioni, con tutti i numeri e i limiti, è nel nostro caso studio sul cambio di tema.
Cosa arriva dopo
La 1.1 è già abbozzata: ricette di pagina complete come pattern (home, chi siamo, contatti, prezzi da comporre a piacere), una variante di header centrata e un ampliamento dell’accessibilità in direzione della verifica ufficiale accessibility-ready. Se hai desideri, sei il benvenuto nel forum di supporto del tema.
Prova Hafen 1.0
Nella directory ufficiale dei temi WordPress, gratuito e GPLv2. Installalo, sfoglia i 38 look nell’editor del sito sotto Stili e trova il tuo.
Domande frequenti
Hafen è davvero gratuito?
Sì, completamente. Hafen è disponibile sotto GPLv2 nella directory ufficiale dei temi WordPress, senza versione Pro, senza blocchi upsell. Tutti i 38 look, tutti i pattern e tutti i template sono inclusi nel pacchetto gratuito.
Cos’è un look e come lo cambio?
Un look è una variante di stile del tema: un pacchetto coordinato di colori, tipografia, raggi degli angoli e densità. Lo cambi nell’editor del sito sotto Design, Stili con un clic, senza che nei tuoi contenuti cambi nulla. Tornare indietro funziona allo stesso modo, senza perdere niente.
L’aggiornamento alla 1.0 modifica il mio sito esistente?
I contenuti no, e il look che hai scelto resta scelto. A cambiare sono i dettagli visibili: la colonna di lettura è un po’ più stretta con 680 pixel e il testo base un po’ più grande con 18 pixel, i titoli si avvicinano al paragrafo che segue, i moduli hanno un design curato. Se preferisci la vecchia larghezza, la ripristini con un solo valore nell’editor del sito sotto Stili, Layout.
Perché la colonna di lettura ora è più stretta?
Perché le righe lunghe si leggono male. Con la vecchia larghezza una riga conteneva circa 90 caratteri, la regola empirica della tipografia indica da 45 a 75. I nuovi 680 pixel danno circa 68 caratteri. La griglia magazine e i blocchi larghi restano a 1180 pixel, e la larghezza rimane liberamente regolabile, documentata in quattro livelli da 620 a 860 pixel.
