Better Colors

Descripción general

Una guía completa para diseñar sistemas de color capaces de adaptarse a interfaces digitales de cualquier escala. En lugar de acumular colores sin criterio, esta skill explica cómo crear escalas deliberadas, nombrar tokens según su función y verificar la accesibilidad mediante una medición correcta del contraste.

Aspectos destacados

• Crea escalas cromáticas con intervalos uniformes de luminosidad y un tono constante
• Separa los colores primitivos de los tokens semánticos para facilitar la creación de temas
• Mide el contraste de las combinaciones en su contexto renderizado, no de forma aislada
• Mantiene una relación coherente de un color por significado en toda la interfaz
• Audita bases de código existentes para detectar carencias en el sistema de color
• Admite de forma sistemática variantes de apariencia clara y oscura

Para equipos de diseño

Tanto si estás creando un sistema de diseño como si mejoras uno existente, esta skill ofrece principios y métodos de verificación para desarrollar colores que funcionen de forma fiable para todos los usuarios y contextos. Se centra en una accesibilidad medible, no en conjeturas estéticas.