Design system resi accessibili
Lanci colori di brand accessibili che il Suo prodotto può utilizzare fin da oggi
Descriva il Suo brand e ottenga suggerimenti di palette tramite IA, verifichi il contrasto WCAG in tempo reale ed esporti token di design come CSS, JSON o Tailwind.
Piano gratuito: 5 esportazioni al mese. Nessuna carta di credito richiesta.
Funziona in 25 lingue
Localizzazione completa dell'interfaccia, lingua dei documenti personalizzata per ogni cliente e traduzione del testo libero tramite IA nei piani a pagamento. Può cambiare lingua in qualsiasi momento.
Disponibile in 25 lingue, tra cui inglese, spagnolo, cinese e molte altre.
Le suona familiare?
Una palette che non supera i test di contrasto non è un brand. È un ticket di revisione.
La palette non supera il controllo di contrasto in fase di revisione
I colori che sembravano perfetti nella moodboard non superano il livello AA al primo controllo di accessibilità.
Verifica manuale di ogni combinazione
Calcolare manualmente il contrasto per ogni combinazione di primo piano e sfondo fa sprecare un pomeriggio e permette comunque che sfuggano degli errori.
I token vivono in uno screenshot
I developer ricevono un PNG dei campioni di colore e digitano nuovamente a mano i codici esadecimali.
Dall'idea di brand a token accessibili
Generi, verifichi rispetto agli standard WCAG ed esporti nel formato che il Suo codice già utilizza.
Generatore di palette
Crei palette di colori semantiche con campioni in tempo reale: griglia reattiva su mobile, controlli nel pannello laterale su desktop.
Strumento di verifica del contrasto WCAG
Verifichi l'accessibilità con badge di approvazione/fallimento per ogni coppia di colori. Soddisfi i requisiti AA e AAA prima del rilascio.
Esporti e condivida
Copi variabili CSS, token JSON o frammenti di configurazione Tailwind. Condivida pagine del brand in sola lettura con il Suo team.
L'IA svolge il lavoro più impegnativo — Lei mantiene il controllo
Funzionalità verificate e assistite da IA integrate nel prodotto. Lei esamina e approva ogni risultato.
Palette generata da IA a partire da una descrizione
Descriva lo stile desiderato: Gemini suggerirà una palette che potrà personalizzare.
Palette generata da IA a partire dall'URL di un sito web
Indichi un sito web: i suggerimenti basati su Perplexity estraggono la direzione cromatica dalla pagina live.
Un kit del brand sotto il Suo controllo
Conservi ciò che ritiene idoneo e scarti il resto: l'IA non pubblicherà mai il Suo kit al Suo posto.
Traduzione del kit
La traduzione del testo libero tramite IA aiuta a localizzare i testi del kit nei piani a pagamento.
I risultati generati con l'assistenza dell'IA sono suggerimenti. È Lei ad approvare ciò che viene rilasciato. Nessuna garanzia sui risultati.
Tre passaggi per ottenere colori pronti per la produzione
Nessun foglio di calcolo per l'accessibilità richiesto.
- 1
Descriva il Suo brand
Ottenga suggerimenti di palette tramite IA e crei colori semantici con campioni in tempo reale.
- 2
Verifichi il contrasto
Badge di superamento o fallimento per ogni coppia di colori, rispetto agli standard AA e AAA, mentre apporta le modifiche.
- 3
Esporti i token
Copi variabili CSS, token JSON o un frammento di configurazione Tailwind direttamente nel Suo progetto.
Osservi prendere forma un kit di brand
Una panoramica di un minuto — dallo stile desiderato ai token pronti per l'esportazione, con sottotitoli nella Sua lingua.
La guida per un brand accessibile — $ 1.99
Scelga colori di brand che superano la revisione di accessibilità
Una guida pratica di 10 pagine su palette semantiche, contrasto WCAG e token pronti per i developer.
Pagamento unico di $ 1.99. Download immediato in PDF. Nessun abbonamento, nessun account richiesto.
- 8 capitoli: il problema, le migliori pratiche sul campo e le regole fondamentali
- Esempi di palette corrette ed errate a confronto
- Una guida annotata passo-passo, dalla descrizione del brand ai token esportati
- Disponibile istantaneamente in tutte le 25 lingue
Prezzi chiari
Inizi gratuitamente. Passi al piano superiore quando desidera link di condivisione ed esportazioni PDF.
Gratuito
Inizi a creare il Suo sistema di brand.
$0/mese
- 5 esportazioni / mese
- Generatore di palette
- Strumento di verifica del contrasto
Pro
Più popolareKit illimitati ed esportazioni avanzate.
$12/mese
- Kit del brand illimitati
- Pagine del brand condivisibili
- PDF delle linee guida del brand
Studio
Per team di design che gestiscono più sistemi di brand.
$29/mese
- Tutto ciò che è incluso in Pro
- Flussi di lavoro di esportazione di livello Studio
Inizi gratuitamente. Nessuna carta di credito richiesta per iniziare, annulli un piano a pagamento in qualsiasi momento.
Prima di iniziare
Le domande che designer e developer ci pongono più di frequente.
Cosa è incluso nel piano gratuito?
Il generatore di palette, lo strumento di verifica del contrasto WCAG e 5 esportazioni al mese, senza carta di credito. Il piano Pro aggiunge kit illimitati, pagine di condivisione e il PDF delle linee guida.
Quale standard di contrasto viene verificato?
Ogni coppia di colori viene verificata rispetto alle soglie WCAG AA e AAA, con un badge di superamento o fallimento per ciascuna combinazione.
I developer possono utilizzare direttamente l'output?
Sì: può esportare proprietà personalizzate CSS, token JSON o un frammento di configurazione Tailwind. Non occorre digitare nulla manualmente da uno screenshot.
Posso condividere un kit del brand con il mio team o con il cliente?
Il piano Pro pubblica pagine del brand in sola lettura condivisibili tramite link, oltre a un PDF delle linee guida del brand.
Ci sono vincoli o clausole di esclusiva?
No. I Suoi token vengono esportati in formati aperti e la fatturazione tramite Stripe può essere annullata in qualsiasi momento.
Distribuisca colori che superano la revisione al primo tentativo
Crei gratuitamente un kit del brand ed esporti token accessibili fin da oggi.
Piano gratuito, nessuna carta di credito. Passi al piano superiore per le pagine di condivisione e le linee guida in PDF.