Sistemas de diseño accesibles
Incorpore hoy mismo colores de marca accesibles para su producto
Describa su marca y obtenga sugerencias de paletas por IA, valide el contraste WCAG en tiempo real y exporte tokens de diseño en CSS, JSON o Tailwind.
Plan gratuito: 5 exportaciones al mes. Sin tarjeta de crédito.
Disponible en 25 idiomas
Localización completa de la interfaz, idioma de documento personalizado por cliente y traducción de texto libre mediante IA en los planes de pago. Cambie en cualquier momento.
Disponible en 25 idiomas, incluidos inglés, español, chino y más.
¿Le resulta familiar?
Una paleta que no supera el contraste no es una marca; es una tarea de corrección.
La paleta no supera la revisión de contraste
Los colores que se veían bien en el panel de referencia no alcanzan el nivel AA en la primera revisión de accesibilidad.
Comprobación manual de cada combinación
Calcular el contraste para cada combinación de fondo y primer plano consume toda una tarde y aun así se pasan errores.
Los tokens se quedan en una captura de pantalla
Los desarrolladores reciben un PNG de muestras y tienen que transcribir los códigos hexadecimales a mano.
De la idea de marca a tokens accesibles
Genere, valide conforme a las pautas WCAG y exporte en el formato que ya utiliza su código.
Generador de paletas
Cree paletas de colores semánticas con muestras en vivo: cuadrícula adaptable en móviles y panel de control lateral en ordenadores.
Verificador de contraste WCAG
Compruebe la accesibilidad directamente con distintivos de aprobado o no aprobado para cada par de colores. Cumpla los niveles AA y AAA antes del lanzamiento.
Exportar y compartir
Copie variables CSS, tokens en JSON o fragmentos de configuración para Tailwind. Comparta páginas de marca de solo lectura con su equipo.
La IA realiza el trabajo pesado; usted mantiene el control
Funciones integradas asistidas por IA y verificadas. Usted revisa y aprueba cada resultado.
Paleta por IA a partir de una descripción
Describa el estilo deseado y Gemini le sugerirá una paleta que podrá ajustar.
Paleta por IA a partir de la URL de un sitio web
Indique un sitio web y las sugerencias asistidas por Perplexity extraerán la orientación cromática de la página en vivo.
Un kit de marca bajo su control
Conserve lo que le convenga y descarte el resto: la IA nunca publicará su kit por usted.
Traducción del kit
La traducción de texto libre por IA ayuda a localizar los textos del kit en los planes de pago.
Los resultados asistidos por IA son sugerencias. Usted aprueba lo que se publica. No se garantizan resultados específicos.
Tres pasos para obtener colores listos para producción
Sin necesidad de hojas de cálculo de accesibilidad.
- 1
Describa su marca
Obtenga sugerencias de paletas por IA y cree colores semánticos con muestras en vivo.
- 2
Valide el contraste
Distintivos de cumplimiento y fallo para cada par de colores frente a los niveles AA y AAA mientras edita.
- 3
Exporte los tokens
Copie variables CSS, tokens en JSON o un fragmento de configuración para Tailwind directamente en su proyecto.
Vea cómo cobra vida un kit de marca
Un recorrido de un minuto: desde el estilo inicial hasta tokens listos para exportar, con subtítulos en su idioma.
La guía práctica para marcas accesibles — 1,99 $
Elija colores de marca que superen las revisiones de accesibilidad
Una guía de campo de 10 páginas sobre paletas semánticas, contraste WCAG y tokens listos para desarrolladores.
Pago único de 1,99 $. Descarga inmediata en PDF. Sin suscripción ni necesidad de crear una cuenta.
- 8 capítulos: el problema, mejores prácticas de campo y las reglas fundamentales
- Comparativa directa de paletas correctas e incorrectas
- Un recorrido comentado desde la descripción de la marca hasta la exportación de tokens
- Disponible al instante en los 25 idiomas
Precios sencillos
Comience gratis. Actualice su plan cuando necesite enlaces para compartir y exportaciones en PDF.
Gratis
Comience a crear su sistema de marca.
0 $/mes
- 5 exportaciones al mes
- Generador de paletas
- Verificador de contraste
Pro
Más popularKits ilimitados y exportaciones avanzadas.
12 $/mes
- Kits de marca ilimitados
- Páginas de marca para compartir
- Guía de estilo de marca en PDF
Studio
Para equipos de diseño que gestionan varios sistemas de marca.
29 $/mes
- Todo lo incluido en Pro
- Flujos de trabajo de exportación de nivel Studio
Empiece gratis. Sin necesidad de tarjeta de crédito para comenzar; cancele un plan de pago en cualquier momento.
Antes de comenzar
Las preguntas más frecuentes entre diseñadores y desarrolladores.
¿Qué incluye el plan gratuito?
El generador de paletas, el verificador de contraste WCAG y 5 exportaciones al mes, sin necesidad de tarjeta de crédito. El plan Pro añade kits ilimitados, páginas compartidas y el PDF con la guía de estilo.
¿Qué estándar de contraste se evalúa?
Cada par de colores se evalúa según los umbrales de las pautas WCAG AA y AAA, mostrando un distintivo de cumplimiento o fallo para cada combinación.
¿Pueden los desarrolladores usar el código generado directamente?
Sí: se pueden exportar propiedades personalizadas de CSS, tokens en JSON o un fragmento de configuración para Tailwind. No hace falta transcribir nada desde una captura de pantalla.
¿Puedo compartir un kit de marca con mi equipo o cliente?
El plan Pro publica páginas de marca de solo lectura que se pueden compartir mediante un enlace, además de generar una guía de estilo en PDF.
¿Existe algún compromiso de permanencia?
No. Sus tokens se exportan en formatos abiertos y la facturación mediante Stripe se puede cancelar en cualquier momento.
Incorpore colores que superen la revisión a la primera
Cree un kit de marca gratis y exporte hoy mismo tokens accesibles.
Plan gratuito, sin tarjeta de crédito. Actualice para obtener páginas compartidas y guías en PDF.