getrdone/composição-de-paleta-de-cores

Composição de Paleta de Cores

Construa uma distribuição controlada de atenção, não uma pilha de amostras atraentes. Matiz é secundário ao peso visual: área, croma, contraste local, temperatura e isolamento decidem se uma paleta se mantém coesa.

Esta é a skill canônica para gerar ou revisar substancialmente uma paleta/tema. Outros sistemas podem fornecer restrições de origem, história, papéis semânticos, tokens de implementação ou evidências de interpretação; eles não substituem este fluxo de trabalho de composição.

Carregue apenas o que a tarefa precisa

Leia composição central para cada tema novo ou revisado substancialmente. Em seguida, carregue exatamente o módulo relevante:

Necessidade	Leia
Posicionamento em interiores, gráfico/editorial, UI, visualização de dados ou impresso	aplicação por meio
Exemplos iniciais ou um padrão de harmonia nomeado	kits iniciais
Transferência formal, verificação de contraste/produção, proveniência ou ponte para design tokens	validação e transferência

Não carregue kits iniciais para uma crítica rotineira e não carregue todos os módulos apenas porque a tarefa é de paleta. O núcleo permanece obrigatório; o módulo adicional torna a skill precisa sem tornar solicitações rotineiras caras.

Comece com o briefing

Identifique o meio, o clima e o público pretendidos, a fonte/história, as cores ou materiais fixos, as condições de iluminação/saída, o requisito de acessibilidade e um alvo de atenção. Preserve exatamente uma cor bloqueada. Rotule valores sérios como official, extracted, harmonized ou semantic; uma amostra derivada não deve se tornar um falso padrão de marca.

Use campo / parceiro / destaque sempre que “primário” puder ser ambíguo. Em uma composição de ambiente ou editorial, a maior cor geralmente é o campo. Em UI, primary geralmente significa uma cor de ação pequena e de alto destaque; use canvas, surface e on-* para papéis amplos.

Método obrigatório de lente dupla para temas

Para cada esquema de cores ou tema substantivo proposto, aplique e relate ambas as lentes. Uma harmonia ou receita nomeada por si só é insuficiente.

1. Itten: nomeie um ou dois dos sete contrastes que estão fazendo o trabalho composicional (matiz, claro-escuro, frio-quente, complementar, simultâneo, saturação ou extensão). Quando duas áreas cromáticas coexistem, tome uma decisão de extensão em vez de assumir áreas iguais.
2. Munsell: nomeie o caminho HVC que constrói a família (valor vertical, matiz lateral ou para dentro através do cinza até o oposto), então faça uma correção de valor-croma. Uma cor pequena e intensa pode equilibrar um campo muito maior e suave; a porcentagem sozinha não é equilíbrio.
3. Peso visual: avalie peso ~= área x croma x contraste local. Temperatura e isolamento amplificam ou atenuam. Esta é uma heurística de design direcional, não um cálculo físico.
4. Leitura humana: inclua um theory_summary de uma ou duas frases nomeando os padrões Itten e Munsell usados, o que eles mudaram e por que um humano poderia pesquisá-los.

Contrato de nomenclatura obrigatório

Aplique isso antes da transferência. As Diretrizes de Design são donas da arquitetura de tokens; esta skill requer o comportamento de paleta que a alimenta.

• Dê ao tema concluído e às amostras canônicas/de história nomes curtos, evocativos e específicos da fonte (normalmente de 1 a 3 palavras). Não chame uma cor de design real de Laranja 1 ou Azul Escuro.
• Preserve exatamente o nome oficial de um fabricante ou cor de marca; registre-o como official em vez de substituí-lo por um alias poético.
• Mantenha nomes canônicos de história separados de aliases de papéis semânticos: por exemplo, Chama pode mapear para --chama, enquanto --color-primary ou action descreve seu trabalho de implementação. Um papel pode mudar sem renomear a história da cor.
• Nomeie gradientes de assinatura a partir da imagem/história que eles criam (Núcleo de Fogo, Varredura de Asa), nunca Gradiente 1. Um rótulo de construção genérico é apenas provisório.
• Se uma fonte fornecida usar nomes genéricos, retenha o rótulo da fonte na proveniência e proponha um nome canônico evocativo apenas quando não for bloqueado/oficial.

Fluxo de trabalho rápido

1. Construa a estrutura de valor primeiro: campo legível mais tinta/cor sobreposta. Um design que morre em escala de cinza tem hierarquia não resolvida.
2. Escolha um alvo de atenção. Dê a ele a vantagem mais forte em croma, contraste de valor, contraste quente/frio, isolamento ou escala — não todos os elementos.
3. Considere 70/20/10 para trabalho editorial/de campanha/de ambiente liderado por atenção ou 80/15/5 para trabalho denso, refinado e liderado por informação. Estes são primeiros testes favorecidos, não regras. Use outra divisão com uma razão de peso visual; use 60/30/10 apenas quando seu viés de interiores equilibrado for adequado.
4. Atribua papéis de campo, parceiro, destaque, neutro/cor sobreposta e estado semântico; mapeie-os para superfícies ou componentes.
5. Aplique as decisões de contraste Itten e HVC/valor-croma Munsell. Construa uma família relacionada antes de importar um matiz não relacionado.
6. Execute o teste focal de dois segundos, as verificações de contraste/dicas não cromáticas e o teste de meio/saída.

Salvaguardas inegociáveis

• 60/30/10 é uma convenção documentada de interiores, não um padrão global ou lei científica.
• Uma cor de marca bloqueada que falha no contraste muda de papel. Uma cor derivada desbloqueada pode mudar valor/croma, papel ou ambos.
• Cor nunca transmite status, categoria, ação ou erro sozinha; adicione palavras, ícones, formas, padrão, posição ou sublinhado conforme apropriado.
• Não trate um HEX de tela como fórmula de tinta ou especificação CMYK de produção. Prove a impressão com seu perfil de saída; teste amostras de tinta sob luz instalada e ao lado de materiais fixos.
• Receitas iniciais são direções, nunca marcas padrão. Renomeie e rederive-as a partir da fonte atual.

Transferência obrigatória

Para uma resposta de paleta substantiva, inclua o seguinte conforme aplicável:

paleta:
  meio: interior | grafico | ui | dados-viz | impresso | misto
  conceito:
  alvo_de_atencao:
  nomenclatura:
    nome_do_tema:
    nomes_canonicos_de_historia: []
    aliases_de_papeis_semanticos: {}
    nomes_de_gradientes_de_assinatura: []
    nomes_oficiais_preservados: []
  lente_teorica: "Itten + Munsell"
  aplicacao_itten: { contrastes: [], decisao_de_extensao: "" }
  aplicacao_munsell: { caminho_hvc: "", correcao_valor_croma: "" }
  peso_visual: "justificativa campo / parceiro / destaque"
  resumo_teorico: "Uma ou duas frases: padrão nomeado, decisão e porquê."
  harmonia:
  alocacao:
  proveniencia: {}
  campo: { nome, valor_ou_material, posicionamento }
  parceiro: { nome, valor_ou_material, posicionamento }
  destaque: { nome, valor_ou_material, posicionamento }
  neutros_e_cores_sobrepostas: []
  estados_semanticos: []
  status_de_contraste:
  dicas_nao_cromaticas:
  teste_de_producao_ou_luz:
  nao_usar_como: []

lente_teorica, aplicacao_itten, aplicacao_munsell e resumo_teorico são obrigatórios para um tema criado. Em uma explicação casual, declare-os de forma compacta em vez de emitir o bloco completo.

Concluído quando

• Cada cor sobrevivente tem um nome canônico ou nome oficial preservado, papel, alocação, posicionamento e proveniência.
• O campo, o parceiro e o destaque são evidentes em dois segundos.
• O croma/contraste mais forte ganha sua atenção.
• Ambas as decisões Itten e Munsell são nomeadas, aplicadas e explicadas.
• Texto, controles, gráficos significativos e estados funcionam no contexto real e não são distinguidos apenas pela cor.
• O resultado é testado em sua condição real de luz, display, estoque ou saída, quando aplicável.