Officina — Luglio 2026
Colophon
Metriche
Lighthouse
99
Performance
96
Accessibilità
100
Best practice
100
SEO
Core Web Vitals
Desktop
0,3 s
FCP
0,3 s
LCP
0 ms
TBT
0
CLS
Mobile
0,9 s
FCP
0,9 s
LCP
140 ms
TBT
0
CLS
La barra è il punteggio Lighthouse della metrica, il numero è il valore misurato.
Misurate con Lighthouse 13.3 il 29 luglio 2026, nel profilo mobile: da desktop le prestazioni arrivano a 100. Il punto che manca sull'accessibilità è il contrasto di alcuni testi secondari, sotto revisione. Si rifanno a ogni cambio strutturale.
Come è fatto questo laboratorio
Ogni strumento nasce da un formato, non da un progetto isolato. Espotron è quel formato: un questionario multi-dominio, un motore di scoring, un generatore di report. Si costruisce una volta e si riusa a ogni strumento nuovo.
Design system
La fonte di verità sono le Variables di Figma, su due livelli: Primitives per il colore, Semantic per il ruolo. Nei componenti non c'è nessun valore scritto a mano. Anche la tipografia (Inter, Geist, Geist Mono) e lo spacing (scala da 4 a 104) sono variabili bindate, non convenzioni da ricordare a memoria.
Dal design al codice
Le variabili di Figma diventano custom property CSS con la stessa struttura: surface in Figma è --surface nel foglio di stile. Nessun passaggio a mano, quindi nessuna deriva fra quello che si disegna e quello che si vede.
Stack
HTML/CSS/JS vanilla, jsPDF come unica libreria a runtime, SQLite per lo storage. Nessun framework, nessun bundler.
Perché così
Uno strumento che restituisce un report sulla salute deve essere veloce e leggibile prima che elegante. La complessità tecnica non aggiunge credibilità a un dato clinico: la toglie.