Sistemas de design tornados acessíveis
Lance cores de marca acessíveis que o seu produto pode usar hoje
Descreva a sua marca e receba sugestões de paleta por IA, valide o contraste WCAG em tempo real e exporte tokens de design como CSS, JSON ou Tailwind.
Plano gratuito: 5 exportações por mês. Sem necessidade de cartão de crédito.
Funciona em 25 idiomas
Localização completa da interface, idioma de documentos por cliente e tradução de texto livre por IA nos planos pagos. Alterne a qualquer momento.
Disponível em 25 idiomas, incluindo inglês, espanhol, chinês e muito mais.
Parece familiar?
Uma paleta que falha no contraste não é uma marca. É uma tarefa de retrabalho.
A paleta falha no teste de contraste na revisão
Cores que pareciam adequadas no moodboard falham na conformidade AA no primeiro teste de acessibilidade.
Verificar cada combinação manualmente
Calcular o contraste para cada combinação de primeiro plano e fundo consome uma tarde inteira e ainda deixa passar erros.
Os tokens ficam presos numa captura de tela
Desenvolvedores recebem um PNG das amostras e reeditam códigos hexadecimais manualmente.
Da ideia de marca aos tokens acessíveis
Gere, valide em relação às normas WCAG e exporte no formato que o seu código já utiliza.
Gerador de paletas
Crie paletas de cores semânticas com amostras ao vivo — grade responsiva no dispositivo móvel e painel lateral no desktop.
Verificador de contraste WCAG
Testes de acessibilidade na prática com selos de aprovação/reprovação para cada par de cores. Cumpra os níveis AA e AAA antes de lançar.
Exportar e compartilhar
Copie variáveis CSS, tokens JSON ou trechos de configuração do Tailwind. Compartilhe páginas de marca somente leitura com a sua equipe.
A IA faz o trabalho pesado — você mantém o controle
Recursos assistidos por IA integrados ao produto. Você revisa e aprova cada resultado.
Paleta por IA a partir de uma descrição
Descreva o conceito — o Gemini sugere uma paleta que você pode ajustar.
Paleta por IA a partir da URL de um site
Indique um site — sugestões assistidas pelo Perplexity extraem a direção de cores da página ativa.
Um kit de marca sob o seu controle
Mantenha o que serve, descarte o resto — a IA nunca publica o seu kit por você.
Tradução do kit
A tradução de texto livre por IA ajuda a localizar os textos do kit nos planos pagos.
Os resultados gerados por IA são sugestões. Você aprova o que é publicado. Sem garantias de resultados.
Três passos para cores prontas para produção
Sem necessidade de planilhas de acessibilidade.
- 1
Descreva a sua marca
Receba sugestões de paleta por IA e crie cores semânticas com amostras ao vivo.
- 2
Valide o contraste
Selos de aprovação e reprovação para cada par de cores, com base nas normas AA e AAA, enquanto edita.
- 3
Exporte os tokens
Copie variáveis CSS, tokens JSON ou um trecho de configuração do Tailwind diretamente para o seu projeto.
Veja um kit de marca ganhar forma
Uma apresentação de um minuto — do estilo visual até tokens prontos para exportação, com legendas no seu idioma.
O manual da marca acessível — $1,99
Escolha cores de marca que passem na revisão de acessibilidade
Um guia prático de 10 páginas sobre paletas semânticas, contraste WCAG e tokens prontos para desenvolvedores.
Pagamento único de $1,99. Download instantâneo em PDF. Sem assinatura, sem necessidade de conta.
- 8 capítulos: o problema, as melhores práticas do setor e as regras fundamentais
- Exemplos de boas e más paletas lado a lado
- Um passo a passo anotado, da descrição da marca aos tokens exportados
- Disponível em todos os 25 idiomas, instantaneamente
Preços simples
Comece gratuitamente. Faça o upgrade quando precisar de links de compartilhamento e exportações em PDF.
Gratuito
Comece a criar o seu sistema de marca.
$0/mês
- 5 exportações / mês
- Gerador de paletas
- Verificador de contraste
Pro
Mais popularKits ilimitados e exportações premium.
$12/mês
- Kits de marca ilimitados
- Páginas de marca compartilháveis
- PDF com diretrizes da marca
Studio
Para equipes de design que gerenciam múltiplos sistemas de marca.
$29/mês
- Tudo do plano Pro
- Fluxos de trabalho de exportação do nível Studio
Comece gratuitamente. Sem cartão de crédito para iniciar, cancele um plano pago a qualquer momento.
Antes de começar
As perguntas mais frequentes de designers e desenvolvedores.
O que está incluído no plano gratuito?
O gerador de paletas, o verificador de contraste WCAG e 5 exportações por mês — sem cartão de crédito. O Pro adiciona kits ilimitados, páginas para compartilhamento e o PDF de diretrizes.
Qual padrão de contraste é verificado?
Cada par de cores é verificado em relação aos limiares WCAG AA e AAA, com um selo de aprovação ou reprovação para cada combinação.
Os desenvolvedores podem usar o resultado diretamente?
Sim — exporte propriedades personalizadas de CSS, tokens JSON ou um trecho de configuração do Tailwind. Nada precisa ser digitado manualmente a partir de uma captura de tela.
Posso compartilhar um kit de marca com a minha equipe ou cliente?
O plano Pro publica páginas de marca somente leitura que você pode compartilhar por link, além de um PDF com diretrizes da marca.
Fico preso ao serviço?
Não. Os seus tokens são exportados em formatos abertos e a cobrança via Stripe pode ser cancelada a qualquer momento.
Publique cores que passam na revisão logo de primeira
Crie um kit de marca gratuitamente e exporte tokens acessíveis hoje mesmo.
Plano gratuito, sem cartão de crédito. Faça o upgrade para páginas de compartilhamento e diretrizes em PDF.