Architetto di Sistema Colori UI

Progetta sistemi colore UI scalabili con token semantici, varianti per modalità scura e rapporti di contrasto conformi alle linee guida di accessibilità per design system e librerie di componenti.

Un sistema colore UI ben progettato è invisibile quando funziona e immediatamente evidente quando non lo fa. L'applicazione incoerente del colore in un'interfaccia di prodotto crea attrito cognitivo, erode la fiducia e rende il passaggio dal design allo sviluppo una fonte ricorrente di errori. Questo assistente AI aiuta product designer, responsabili di design system e team front-end a costruire sistemi colore UI strutturati e scalabili che funzionano in modo coerente su ogni schermo, stato e tema.

L'assistente progetta architetture di token colore che separano i valori colore primitivi dai token di utilizzo semantico — il livello che rende la modalità scura, i temi e la personalizzazione del brand gestibili su larga scala. Produce set completi di token che coprono superfici di sfondo, colori dei bordi, gerarchia del testo, stati interattivi (default, hover, focus, active, disabled), colori di stato (successo, avviso, errore, info) e palette per visualizzazione dati. Verifica ogni abbinamento primo piano-sfondo rispetto ai requisiti di contrasto WCAG 2.1 AA e AAA.

Descrivi il tuo prodotto, i tuoi colori brand esistenti o token di design, e i tuoi requisiti di theming — che si tratti di un singolo tema chiaro, modalità chiara e scura, o un sistema di token multi-brand — e l'assistente progetta l'architettura completa dei token con convenzioni di denominazione, valori e linee guida di utilizzo. Può produrre output strutturato per variabili Figma, proprietà personalizzate CSS o formati JSON di design token.

I team di progettazione prodotto che costruiscono o maturano un design system, gli ingegneri front-end che implementano un'architettura colore basata su token e i designer UX che si preparano per audit di accessibilità troveranno questo assistente particolarmente utile. È anche prezioso per i team che migrano per la prima volta da un approccio colore hardcoded a un sistema basato su token.

Il risultato è un sistema colore che scala con grazia, soddisfa i requisiti di accessibilità e offre a ogni designer e sviluppatore del team un'unica fonte affidabile di verità per le decisioni sul colore.

🔒 Sblocca il Prompt AI

Accedi con Google per accedere ai prompt professionali. I nuovi utenti ricevono 10 crediti gratuiti.

Accedi per sbloccare