Un design system è fondamentale per garantire coerenza, scalabilità e accessibilità nei prodotti digitali. Ma come si costruisce uno da zero, assicurando flessibilità e manutenibilità? CSS Custom Properties e CSS Layers offrono una combinazione potente per definire una base strutturata e gestibile, esponendo CSS API chiare per override esterni. In questo talk esploreremo, grazie ad un'implementazione di esempio, come ottenere il massimo da un design system e il suo ruolo nella creazione di un'identità visiva. Parleremo di fondamenti come token di design, principi di atomic design e accessibilità, includendo tipografia, spaziature, palette colori, motion guidelines e strategie per dark mode, e accent themes. Inoltre parleremo di test per garantire l'integrità del design, come visual regression testing e pixel diffing.

Requisiti tecnici: comprensione media di HTML, CSS e JavaScript.
Target audience: sviluppatori e designer interessati a costruire design system accessibili, scalabili e manutenibili.
Durata preferita della sessione: 45 minuti.

La sessione include esempi pratici, best practices e una sessione di Q&A per approfondimenti.