Catálogo de comandos do Impeccable.

Finalidade: iniciar uma superfície nova com direção visual e funcional.

Momento: quando um recurso ainda não existe.

Exemplo: criar a página do catálogo.

Riscos: criar algo fora do escopo.

Evidência: página funcional, alinhada ao produto e validada.

Finalidade: planejar UX, estrutura e direção antes do código.

Momento: antes de redesenhar uma página ou fluxo.

Exemplo: definir a arquitetura da v2.

Riscos: produzir planejamento abstrato.

Evidência: brief confirmado e critérios de sucesso.

Finalidade: registrar contexto durável em PRODUCT.md.

Momento: no começo ou quando fatos do produto mudam.

Exemplo: documentar público, propósito e restrições.

Riscos: inventar fatos ou misturar estética.

Evidência: PRODUCT.md com fatos confirmados.

Finalidade: revisar experiência, heurísticas e hierarquia.

Momento: antes das intervenções de design.

Exemplo: avaliar hero, navegação e projetos.

Riscos: trocar evidência por gosto pessoal.

Evidência: problemas priorizados e pontuação comparável.

Finalidade: verificar acessibilidade, performance e responsividade.

Momento: após mudanças estruturais e antes da entrega.

Exemplo: auditar contraste, teclado e imagens.

Riscos: corrigir problemas fora do escopo.

Evidência: checklist executado e defeitos reproduzidos.

Finalidade: executar a passagem final de qualidade.

Momento: depois dos problemas estruturais.

Exemplo: remover glow, inline styles e repetição.

Riscos: polir sintomas em vez de resolver estrutura.

Evidência: comparação final sem defeitos visuais relevantes.

Finalidade: ampliar personalidade de uma interface segura demais.

Momento: quando a identidade está correta, mas sem impacto.

Exemplo: criar a moldura assimétrica do hero.

Riscos: exagerar em contraste ou decoração.

Evidência: maior autoria sem perda de legibilidade.

Finalidade: reduzir excesso visual e estímulos concorrentes.

Momento: quando elementos disputam atenção.

Exemplo: diminuir ruído em badges e gradientes.

Riscos: deixar a interface apagada.

Evidência: menor ruído com ações identificáveis.

Finalidade: adicionar movimento com propósito.

Momento: quando o movimento comunica estado ou continuidade.

Exemplo: refinar entrada e hover de projetos.

Riscos: distração, lentidão ou enjoo.

Evidência: movimento funcional e alternativa reduzida.

Finalidade: acrescentar detalhes memoráveis úteis.

Momento: depois de clareza e acessibilidade.

Exemplo: detalhe autoral na timeline.

Riscos: decorar sem propósito.

Evidência: identidade reforçada sem atrapalhar a tarefa.

Finalidade: remover complexidade e manter o essencial.

Momento: quando há excesso de blocos ou etapas.

Exemplo: reduzir o caminho até o formulário.

Riscos: excluir evidências exigidas.

Evidência: menos passos mantendo requisitos.

Finalidade: melhorar textos, labels e mensagens.

Momento: quando o visitante hesita sobre uma ação.

Exemplo: clarificar CTAs e alertas do formulário.

Riscos: alterar promessas ou fatos.

Evidência: rótulos compreendidos sem explicação extra.

Finalidade: tratar erros, casos extremos e estados.

Momento: antes de considerar um fluxo pronto.

Exemplo: tratar imagens ausentes e dados vazios.

Riscos: criar mensagens excessivas.

Evidência: estados vazios e inválidos testados.

Finalidade: adaptar a interface a tamanhos e contextos.

Momento: quando há falhas em mobile ou tablet.

Exemplo: ajustar hero, grids e formulário.

Riscos: apenas comprimir a versão desktop.

Evidência: testes sem overflow ou sobreposição.

Finalidade: diagnosticar e corrigir performance.

Momento: quando carregamento ou efeitos prejudicam o uso.

Exemplo: otimizar imagens e scripts.

Riscos: remover conteúdo sem medir impacto.

Evidência: métricas antes e depois.

Finalidade: registrar o sistema visual existente.

Momento: antes de mudanças grandes ou quando há drift.

Exemplo: criar DESIGN.md para a v1.

Riscos: congelar problemas como regras.

Evidência: tokens correspondem ao CSS real.

Finalidade: separar tokens e componentes reutilizáveis.

Momento: quando padrões se repetem.

Exemplo: consolidar cores e botões da v2.

Riscos: abstrair cedo demais.

Evidência: menos duplicação e mais consistência.

Finalidade: comparar variantes no navegador.

Momento: quando uma decisão visual precisa de contexto real.

Exemplo: acompanhar a evolução local da v2.

Riscos: escolher por gosto momentâneo.

Evidência: variantes comparáveis e decisão registrada.

Finalidade: orientar primeiro acesso e estados iniciais.

Momento: quando o próximo passo não é claro.

Exemplo: orientar o administrador até o formulário.

Riscos: transformar um site simples em tutorial longo.

Evidência: primeira ação identificável rapidamente.

Finalidade: usar cor estratégica para diferenciar papéis.

Momento: quando a hierarquia precisa de sinal cromático.

Exemplo: separar estados de contato.

Riscos: ruído ou contraste ruim.

Evidência: cores semânticas e contrastadas.

Finalidade: melhorar escala, peso e legibilidade.

Momento: quando a leitura está plana ou cansativa.

Exemplo: diferenciar nome, cargo e metadados.

Riscos: quebrar layout com texto grande.

Evidência: papéis reconhecíveis sem ler todo o texto.

Finalidade: corrigir espaçamento, grid e hierarquia.

Momento: quando grupos parecem igualmente importantes.

Exemplo: dar prioridade a projetos e contato.

Riscos: mover conteúdo sem validar a tarefa.

Evidência: leitura clara em várias larguras.

Finalidade: ultrapassar convenções quando a direção pede.

Momento: apenas com intenção visual aprovada.

Exemplo: explorar uma composição radical de apresentação.

Riscos: perder acessibilidade e foco profissional.

Evidência: ganho expressivo sem perda de clareza.