Glossario essenziale del visual system

Icona funzionale

Simbolo che indica un’azione (es. Modifica o Salva).

Illustrazione contestuale

Immagine stilizzata che accompagna stati dell’interfaccia o processi di onboarding.

Visual feedback

Segnale visivo che comunica un cambiamento o una conferma (es. spunta verde dopo un salvataggio).

Griglia visiva

Sistema di allineamento che assicura spaziatura e proporzioni coerenti tra gli elementi.

Design token

Variabili visive condivise tra design e codice (es. color-primary, spacing-16).

Lottie

Libreria per animazioni vettoriali in formato JSON-based, ottimizzata per il web e mobile.

Sankey Diagram

Grafico a flusso che mostra proporzioni e movimenti tra categorie o fasi.

Dark mode

Variante dell’interfaccia con sfondi scuri e testo chiaro, progettata per leggibilità in ambienti a bassa luminosità.

Fallback

Alternativa visiva o testuale usata se un asset non viene caricato o non è disponibile.

ARIA label

Attributo HTML che descrive contenuti non testuali, utile per l’accessibilità e i lettori di schermo.