Ferramentas

Utilitários práticos que convivem ao lado da spec do Koder Design. Tudo client-side, sem backend, sem telemetria — URLs com hash carregam seus inputs.

Construtor de tema Escolha uma cor-semente e visualize a paleta completa cobrindo superfícies, acentos e texto. Copie as CSS variables. Checador de contraste Razão de contraste WCAG 2.2 entre duas cores, com AA/AAA pass/fail pra texto normal, grande e conteúdo não-textual. Blog de releases Log de releases do Koder Design, fonte `releases.toml` — o que entrou, quando e por quê. Material 3 → Verge Mapeamento de tokens + componentes do Material 3 pro Koder Design — guia de migração pra times portando um app existente. Construtor de preset Edite visualmente cada token de um preset Koder Design — cores, raio, espaçamento, tipografia. Exporte CSS ou JSON prontos pra colar, ou compartilhe via URL.