Tutto quello che vedi qui è costruito sui colori reali: quelli estratti
dal tuo sito dal vivo, quelli della Palette A che avevi approvato a luglio, e il ruggine esatto
del tuo logo. I bottoni in alto cambiano il carattere dei titoli e il tema in tempo reale:
prova, e scegli guardando.
Questa pagina è online, a un indirizzo che non è indicizzato e che conosci
solo tu: puoi aprirla dal telefono e mandarla a chi vuoi. Non è una vetrina — è lo strumento con
cui si decide, e legge gli stessi valori delle pagine vere. Quando cambieranno i colori o
i caratteri del sito, cambierà insieme a loro, invece di restare una fotografia vecchia.
01 · Scale tonali
Dallo scuro al chiaro, non un colore solo
Un colore singolo non basta a fare un sito elegante: serve una scala. Ogni tonalità ha
un mestiere — i numeri bassi per i fondi chiari, quelli alti per le sezioni profonde e i testi.
Il pallino segna i colori che esistono già, nel tuo sito o nel tuo logo.
Verde foglia — primario
Il colore che porta il sito. Il 600 è quello approvato a luglio.
50#EDF3EE
100#D2E0D4
200#AFC7B3
300#86A88C
400#648B6C
500#4E7256
600 ●#3E5D45
700#2C4633
800#1F3326
900#16231A
950#0E1711
Salvia — secondario
I due colori del tuo sito attuale vivono qui: 500 e 100.
50#EDF4EC
100 ●#DAE8D8
200#CEDCCC
300#B8C9B5
400#9BAF98
500 ●#7E947B
600#5F7A5D
700#4A5C48
Ruggine — accento
Il 500 è il colore esatto del tuo logo. Accento, mai fondo.
100#F7E2D6
200#EBB79B
300#D87B55
400#C4522A
500 ●#B23000
600 ●#993300
700#8A2700
800#6B1E00
02 · Gradienti e chiaroscuri
Il passaggio dallo scuro al chiaro
Quattro sfondi costruiti sulle scale qui sopra. Sono i fondali delle sezioni: alternandoli, la
pagina respira e non risulta mai piatta. Ognuno ha sopra un velo di luce appena percettibile —
è quello che dà la sensazione di profondità senza che si veda l'effetto.
Bosco
Per le sezioni profonde: chiusure, citazioni, momenti di pausa. Scuro elegante, non cupo.
Alba
Dal verde foglia alla salvia. Per le aperture — hero, intestazioni ampie.
Radura
Il chiaro del tuo sito attuale, in versione più curata. Per i corpi di testo lunghi.
Brace
Verde profondo con un alone di ruggine nell'angolo. Per un punto caldo, usato di rado.
03 · Caratteri
Quattro candidati, dopo la bocciatura dei primi tre
Fraunces, Newsreader e Source Serif sono usciti: troppe grazie, troppo tondeggianti, troppo
Times. Questi quattro arrivano da una ricerca nuova, verificata sulle fonti ufficiali.
Il corpo resta Manrope. Clicca un nome — qui o nella barra in alto — e
tutta la pagina cambia: lo vedi al lavoro, non su un campione isolato.
il consigliato
Funzioni fuori. Ma dentro ti stai spegnendo.
Young Serif. Grazie spesse e tagliate di netto, terminali piatti: è la
costruzione opposta a quella del Times, dove le grazie sono sottili e raccordate. Caldo,
un po' rustico, editoriale-naturale. Sta bene sulla palette verde e ruggine.
Rischio: un solo peso e nessun corsivo. La gerarchia si fa con il corpo
e lo spazio, non col grassetto — il che è sobrio per costruzione, ma toglie una leva.
il più moderno
Funzioni fuori. Ma dentro ti stai spegnendo.
Bricolage Grotesque. Nessuna grazia, volutamente irregolare. Ha un asse
di dimensione ottica: i titoli grandi si stringono e si affilano da soli, quelli piccoli
si aprono. Tecnicamente il migliore sul telefono, dove sta la maggior parte del tuo pubblico.
Rischio: l'irregolarità può leggere giocosa. Va guardata sulle frasi vere
del brand, che sono gravi — è il motivo per cui è qui e non in una scheda tecnica.
via di mezzo
Funzioni fuori. Ma dentro ti stai spegnendo.
Cabinet Grotesk. Un sans con contrasto di tratto: dà il tono editoriale
senza usare grazie. Nei pesi alti le giunzioni si stringono, e questo crea la tensione che
di solito porta un serif.
Rischio: è concettualmente vicino a Manrope. Due sans nella stessa pagina
funzionano solo con uno stacco netto di peso e corpo, altrimenti sembrano un errore.
da guardare e scartare
Funzioni fuori. Ma dentro ti stai spegnendo.
Sconsigliato — è il serif più inflazionato del 2025-26
Instrument Serif. Contrasto altissimo, forme condensate: è il più
"display" dei quattro e risolve benissimo la critica sul Times.
Rischio: è stato adottato in massa dai brand di intelligenza artificiale.
Su una pagina sobria non legge come identità: legge come modello preconfezionato. È qui perché
tu lo veda, non perché lo scelga.
Solo Manrope, nella barra in alto, mostra la
pagina senza nessun carattere per i titoli — cioè vicina al tuo sito di oggi. Serve come termine
di paragone, non come candidato.
04 · Il marchio
Il logo, ricolorato da codice
Il tuo logo è a tinta unita con lo sfondo trasparente. Questo vuol dire che si ricolora in un
istante, senza Photoshop e senza perdere qualità: ho già generato le versioni qui sotto dal file
originale a 2500 pixel. Il simbolo l'ho ritagliato dal logo grande, perché l'icona che c'è
online è piccola e ha il fondo bianco incollato dentro.
ruggine su carta
verde su salvia
carta su verde 700
ruggine su verde 950
Il logo completo porta il payoff
«Consapevolezza e realizzazione, adesso» — che hai detto essere vecchio. Finché non
decidi il nuovo, nel sito userei il solo simbolo accanto al nome scritto in caratteri:
resta pulito e non fissa in pagina una frase che stai per cambiare.
05 · Componenti
I pezzi che si ripetono ovunque
Bottoni
Tre livelli, mai più di due primari nella stessa sezione. Il ruggine è riservato al gesto
più importante della pagina — una sola volta.
Provali con i bottoni in alto e dimmi quale regge meglio sulle
frasi vere del tuo sito.
② Quanto scuro
Quante sezioni girano sui gradienti profondi e quante restano chiare.
La mia proposta: aperture e chiusure scure, corpo del testo chiaro.
③ Il nuovo payoff
Hai detto «dalla consapevolezza all'autorealizzazione». È più fedele del vecchio, e non
promette velocità — il che lo rende compatibile con le tue regole di tono, a differenza
di «adesso».
Va deciso se diventa frase di brand (entra nei testi) o resta
solo grafico (vive sul logo). Non serve deciderlo oggi: il sito funziona anche
con il solo simbolo.
ruggine su carta
verde su salvia
carta su verde 700