Raccogliere
Brand book, loghi, brochure, presentazioni, report e prodotti digitali vengono osservati come un unico patrimonio, non come file isolati.
02 — Il processo
Dal materiale esistente a una fonte di verità.
Comprendere
Gerarchie, ricorrenze, tono, composizione, tipografia e uso del dato diventano principi espliciti e verificabili.
Codificare
Token, componenti, griglie, pattern, template e vincoli trasformano l’identità in uno strumento riutilizzabile.
Attivare
Il sistema fornisce all’intelligenza artificiale il contesto necessario per generare nuovi output senza perdere coerenza.
03 — L’architettura
Tre livelli, un unico linguaggio.
Foundations
Le decisioni fondamentali che definiscono il carattere visivo e il comportamento del sistema.
- Colori e scale tonali
- Tipografia e gerarchie
- Spacing, griglie e breakpoint
- Iconografia e data visualization
Components
Primitive riutilizzabili che traducono le regole in interfacce coerenti e accessibili.
- Button, tag, KPI e accordion
- Card e navigazione
- Form, input e controlli
- Tabelle, footer e dashboard
UI Blocks
Composizioni complete che accelerano la creazione di pagine e prodotti mantenendo la direzione del brand.
- Hero e feature grid
- Report e one-page analysis
- Shell e tabelle dashboard
- CTA, FAQ e moduli editoriali
04 — Dentro il sistema
Le regole diventano visibili, consultabili, applicabili.
01
Colore e tipografia
Le palette sono espresse come token e scale tonali; le famiglie tipografiche hanno ruoli distinti per titoli, long-form, tag e dati numerici.
02
Iconografia
Una libreria monoline coerente, pronta per essere utilizzata come file o componente e mantenuta allineata alla tipografia.
03
Componenti UI
Ogni elemento combina anteprima, regola d’uso e implementazione, riducendo la distanza tra design e sviluppo.
05 — Analisi dell’asset
Non una style guide. Un’infrastruttura produttiva.
Una fonte condivisa
Token CSS e JavaScript, font e componenti importabili permettono di modificare una regola una volta e propagarla nei prodotti collegati.
Dal principio all’uso
Il sistema documenta non solo l’aspetto, ma anche il comportamento: quando usare un componente, come comporlo e quali eccezioni evitare.
Il dato come linguaggio
Tabelle numeriche, KPI, label, grafici e dashboard trattano il dato come materiale identitario, essenziale per un brand che lavora con analisi socioeconomiche.
Scalabilità reale
La presenza di UI blocks per sito, report e applicazioni dimostra che il sistema non è astratto: è progettato per generare famiglie di output diverse.
Pronto per l’AI
Regole nominate, esempi corretti e pattern riutilizzabili diventano un contesto strutturato che l’intelligenza artificiale può comprendere e applicare.
06 — Componenti e blocchi
Il sistema, mostrato dal sistema.
Azioni e componenti
Varianti, stati e codice sono documentati insieme nella schermata reale del design system.
Dati e interazione
KPI, label e pattern interattivi traducono il linguaggio del dato in elementi riutilizzabili.
Brand blocks
Logo, slogan e applicazioni editoriali mostrano come l’identità si compone oltre il singolo componente.
Iconografia operativa
La libreria completa è presentata nel suo contesto reale, senza ricostruzioni illustrative.
07 — Il motore AI
Dal know-how visivo a nuovi output coerenti.
Brand bookregole
Asset esistentiesempi
Design tokencodice
Componentipattern
AI Brand
System
System
Social content01
Web page e landing02
Presentazioni e report03
Immagini e video04
08 — Il controllo
Generare non basta. Il sistema deve saper scegliere.
Un modello che produce in fretta produce in fretta anche gli errori. Per questo non mi fermo alle regole: definisco come si giudica un risultato prima che arrivi al cliente. Il giudizio vive in file, non nella testa di chi era in stanza quel giorno.
La regola è codice
Colori, spaziature, tipografia e componenti non sono suggerimenti: sono token e vincoli. Ciò che esce dal sistema si vede subito, e si corregge alla fonte invece che a valle.
Una rubrica esplicita
Gerarchia, leggibilità, equilibrio compositivo, trattamento del dato: ogni output viene valutato su criteri nominati, non su impressioni. Gli stessi criteri valgono per me, per il team e per l’AI.
Un archivio di scelte
Gli esempi approvati e quelli scartati vengono conservati insieme alla motivazione. È così che il sistema impara a distinguere ciò che è corretto da ciò che è buono.
È la differenza tra un’intelligenza artificiale che produce e una che sa quando fermarsi.
09 — Dal sistema all’output
Un video completo. Tempi più stretti. Stessa identità.
Interamente AI
Immagini generate e animate, voce, musica, titoli in movimento e montaggio sono stati realizzati senza ricorrere a un software tradizionale di video editing.
Feedback più rapido
Lo storyboard HTML ha reso visibili struttura, scene, testi e prompt, semplificando gli scambi con il cliente prima della produzione finale.
Coerenza protetta
Trattamento delle immagini, font, colori, gerarchie e ritmo restano riconoscibili come OpenEconomics in ogni fotogramma.
Il design system diventa una regia operativa: accorcia la distanza tra idea, approvazione e output finale senza sacrificare qualità e continuità visiva.
Esplora lo storyboard ↗10 — Piattaforma editoriale
Un intero sito. Gestibile in autonomia.
T33
Un ecosistema web completo, coerente con la matrice visiva OpenEconomics e progettato per vivere nel tempo, non una singola landing page.
Visita il sito ↗Sistema applicato
Tipografia, colori, griglie, dati e componenti traducono il linguaggio del brand in un’esperienza digitale estesa.
Contenuti dinamici
Il cliente può inserire e aggiornare persone del team, articoli e progetti attraverso un back office dedicato.
Autonomia reale
Il sistema protegge la direzione visiva mentre l’organizzazione mantiene il controllo quotidiano dei propri contenuti.
Non consegno soltanto un’identità. Insegno all’intelligenza artificiale ad applicarla — e a riconoscere quando non funziona.
11 — Il valore
Tre benefici. Tre prove che puoi aprire adesso.
Coerenza
Ogni nuovo contenuto parte dalle stesse regole e dallo stesso patrimonio visivo. La regola non si chiede: si apre.
Velocità
Un video completo — immagini, voce, musica, montaggio — nato dallo stesso sistema, con struttura e testi approvati prima della produzione.
Indipendenza
Un sito intero che il cliente aggiorna dal proprio back office, senza passare da me per ogni contenuto. La direzione creativa resta protetta dal sistema.
12 — Come si lavora insieme
Tre fasi. Ci si può fermare dopo ognuna.
Audit e lettura
Due o tre settimaneGuardo tutto il materiale che hai già — brand book, presentazioni, sito, report, social — e ti dico che cosa è sistematizzabile, che cosa va rifatto e che cosa conviene lasciare com’è.
- Analisi del patrimonio visivo
- Principi ricorrenti resi espliciti
- Roadmap con priorità e tempi
- Si può chiudere qui
Setup del sistema
Da sei a dieci settimaneCostruisco la fonte di verità: token, componenti, blocchi e il contesto strutturato che permette all’intelligenza artificiale di lavorare dentro il tuo brand invece che accanto.
- Foundations, componenti, UI blocks
- Libreria consultabile e versionata
- Contesto e regole per l’AI
- Rubrica di valutazione degli output
Gestione e evoluzione
Canone mensileUn sistema fermo invecchia. Ogni mese entrano nuovi blocchi e nuovi formati, l’archivio delle scelte si aggiorna e la produzione del team resta sotto controllo.
- Nuovi componenti e template
- Controllo qualità sugli output
- Aggiornamento dell’archivio di gusto
- Affiancamento al team
Da sapere
I tempi dipendono dall’ampiezza del materiale esistente e si definiscono dopo l’audit. Il lavoro creativo su misura — campagne, nuove identità, progetti unici — resta fuori dal canone e si quota a parte: il sistema serve a liberare tempo per quello, non a sostituirlo.
13 — Domande
Quello che mi chiedono prima di partire.
Abbiamo già un brand book. Non basta?
Un brand book descrive, un sistema esegue. Il PDF dice che il blu è quello: il sistema fa sì che il blu sbagliato non possa nemmeno essere usato, perché la regola vive nel codice che genera i materiali. Il brand book resta — diventa la fonte da cui parte il lavoro.
Il nostro team non è tecnico.
Non serve che lo sia. Chi produce contenuti lavora su una libreria consultabile e su un back office: sceglie un blocco, scrive, pubblica. Il codice sta sotto e riguarda me e chi sviluppa.
L’intelligenza artificiale non rischia di snaturare il brand?
Sì, se lavora senza vincoli — ed è esattamente quello che succede quando la si usa senza sistema. Qui l’AI riceve regole nominate, esempi corretti, esempi scartati e criteri di valutazione: non inventa la direzione, la applica. E la direzione la decidiamo noi.
Che cosa succede se smettiamo di lavorare insieme?
Il sistema è tuo. Token, componenti, documentazione e archivio restano nel tuo repository, in formati aperti e leggibili da chiunque. Nessun lock-in: il canone si rinnova perché serve, non perché sei bloccato.
AI-ready brand systems
Il tuo brand è pronto a diventare un sistema intelligente?
Si parte da una chiamata di trenta minuti: guardo il materiale che hai già e ti dico che cosa è sistematizzabile — e che cosa, onestamente, non lo è. Se ha senso andare avanti, il primo passo è l’audit.