Better Colors

Visão geral

Um guia completo para projetar sistemas de cores capazes de acompanhar o crescimento de interfaces digitais. Em vez de acumular cores sem critério, esta skill ensina a criar escalas intencionais, nomear tokens conforme sua função e verificar a acessibilidade com medições corretas de contraste.

Destaques

• Crie escalas de cores com intervalos uniformes de luminosidade e matiz constante
• Separe cores primitivas de tokens semânticos para facilitar a criação de temas
• Meça pares de contraste no contexto renderizado, não isoladamente
• Estabeleça uma cor e um significado em toda a interface
• Audite bases de código existentes para detectar lacunas no sistema de cores
• Ofereça suporte sistemático a variações de aparência clara e escura

Para equipes de design

Seja para iniciar um novo design system ou aprimorar um existente, esta skill fornece os princípios e métodos de verificação necessários para criar cores que funcionem de maneira confiável para todos os usuários e contextos. O foco está na acessibilidade mensurável, não em suposições estéticas.