Per ogni colore del sistema creo una scala di 9 step (100–900) basata sulla luminosità percettiva in HSL o OKLCH. Il valore 500 è il colore base — né troppo chiaro né troppo scuro per testo su sfondo bianco.
I valori 100–300 vengono usati come sfondi e superfici. I valori 400–600 vengono usati per accenti e elementi interattivi. I valori 700–900 vengono usati per testo su sfondi chiari.
Il test obbligatorio: ogni combinazione testo/sfondo deve superare il contrasto WCAG AA (4.5:1 per testo normale, 3:1 per testo grande). Uso Figma Tokens o il plugin Contrast per verificarlo durante il design, non dopo.