Strumenti di progettazione

Crea valori di filtro CSS con un'anteprima dal vivo per le icone, carte, immagini, stati al passaggio del mouse, ed esperimenti visivi.

Cerca i colori con nomi comuni tramite parola chiave o valore HEX e confronta rapidamente i campioni corrispondenti.

Unisci due colori con il rapporto scelto e ottieni un risultato misto pronto per la copia in formato HEX e RGB.

Costruisci CSS contenitore a griglia per le carte, gallerie, cruscotti, elenchi di funzionalità, ed esperimenti di layout direttamente nel browser.

Genera impostazioni del contenitore flexbox per le righe, colonne, gruppi di articoli imballati, pulsanti, carte, e sezioni reattive.

Controlla tutti e quattro gli angoli in modo indipendente per creare forme arrotondate per le carte, distintivi, piastrelle, e blocchi componenti.

Regola l'offset, sfocatura, diffusione, opacità, e impostazioni inserite per creare ombre CSS pronte per la copia per gli elementi dell'interfaccia.

Genera gradienti CSS rapidi per le sezioni di atterraggio, callout, pulsanti, carte, sovrapposizioni, e immagini del marchio.

Controlla il contrasto dei colori di primo piano e di sfondo per il testo dell'interfaccia utente leggibile, pulsanti, carte, e progettazione di contenuti accessibili.

Genera tavolozze di colori corrispondenti da un colore di base per il branding, Stati dell'interfaccia utente, grafica dei contenuti, e sistemi di progettazione.