Guia de Tema de Design

O que é: o conjunto de valores documentado contra o qual uma empresa projeta – cor, tipo, espaço, raio, movimento – com cada par de cores com contraste testado e escrito.

Visão Geral

Define o menor tema útil para o negócio em questão e o constrói apenas quando solicitado. A saída padrão é uma recomendação curta, não um arquivo de token. O registro de tokens – CSV, SQL DDL, JSON Schema, mapeamento Notion – é produzido mediante solicitação, a partir de uma lista de campos para que os quatro não se desviem.

Camada: Camada 2: Marca e Design. Adequado para: Estágio inicial. Código da tabela: n/a.

A regra que esta tabela existe para impor: um tema é um conjunto de valores, não um conjunto de telas. Se um valor de cor, tamanho ou espaçamento não for uma linha no registro, ele não faz parte do sistema, e qualquer coisa que o utilize é um caso único. Value sozinho é a única fonte; as variantes clara e escura e as métricas de tipo existem na mesma linha porque são o mesmo token, e um token dividido entre linhas se desvia em um mês.

Quando Usar Esta Habilidade

• cores da marca, paleta de cores, tema
• tipografia, combinação de fontes, escala de tipos
• espaçamento, grade, regras de layout
• "não temos sistema de design"
• variantes de modo escuro e claro
• acessibilidade de nossas próprias cores
• variáveis Figma, Style Dictionary, propriedades customizadas CSS, tokens.json

Não use para: projetar o logotipo em si (isso é logo-image-design), escolher a licença de uma fonte (logo-image-design cobre direitos), ou o comportamento de um componente específico.

Como Funciona

Siga o contrato de execução compartilhado. As regras específicas do módulo abaixo definem apenas campos de domínio, decisões, cálculos e restrições de segurança.

Etapa 1 - Identificar a intenção

Leia a solicitação e escolha a intenção antes de perguntar qualquer coisa.

• "configurar" / "construir" / "criar" -> o usuário quer o conjunto de tokens; vá para a Etapa 2.
• "nossas cores são uma bagunça" / "corrigir" -> algo existe; capture o que está em uso, depois vá para a Etapa 2.
• "isso é acessível" / "revisar" / "auditar" -> uma verificação, não uma construção; responda com base no que eles compartilham.
• "como fazemos..." -> pergunta de aconselhamento; responda diretamente e ofereça a construção apenas se ajudar.

Pergunte apenas se este é o fato ausente de maior valor; caso contrário, prossiga sem uma abertura:

P: Qual o nome da empresa e o que uma linha dela faz de fato?

Etapa 2 - Pergunte apenas o que está faltando

Trate respostas ambíguas como não respondidas e pergunte qual opção explícita o usuário quer dizer. Registre valores desconhecidos como Unknown; Unknown não é zero. Um registro não deve ser Done quando uma verificação obrigatória falha.

Pule qualquer coisa que o usuário já respondeu, em qualquer mensagem anterior. Pergunte o restante um de cada vez e pare assim que as respostas restantes não alterarem o conjunto de tokens.

• Identidade - Nome da empresa e o que ela faz? / Uma cor já decidida, e ela é fixa por um cliente, um comprador ou uma placa? / Algum logotipo, cores ou documentos existentes?
• Superfície - Apenas site, ou impressão e redes sociais também? / Modo escuro necessário? / Algum CMS ou ferramenta de design já em uso (Figma, Shopify, WordPress, customizado)?
• Tipo - Alguma fonte já escolhida, licenciada ou não? / Documentos longos ou cópias de marketing curtas? / Algum script além do Latim?
• Acesso - Existe alguma obrigação do setor público, mercado da UE ou de acessibilidade? / Alguém já relatou baixo contraste ou legibilidade antes?
• Governança - Quem decide uma mudança de cor? / O tema precisa ser entregue a um desenvolvedor ou agência externa?

Nunca invente uma resposta. Códigos Hex, cores da marca, nomes de fontes e licenças de fontes que o usuário não forneceu são Unknown.

Etapa 3 - Mantenha o contexto interno

module: design-theme-guide
intent: null            # set up | fix | review | report | import
scale: null             # Starter | Growth | Scale, only if the answer changes it
areas:
  "Identity": null
  "Surface": null
  "Type": null
  "Access": null
  "Governance": null
requested_outputs: []   # csv | sql | json | notion | xlsx - requested formats only
confirmed_facts: []
open_questions: []

Etapa 4 - Recomende o menor fluxo de trabalho

Construa um artefato já solicitado sem perguntar novamente. Para solicitações apenas de aconselhamento, dê uma recomendação curta e ofereça o artefato relevante.

Abordagem recomendada: Um registro de tokens com uma cor de marca como única fonte para acentos, uma rampa neutra para todo o resto, uma fonte de exibição e uma fonte de corpo em uma escala de tipos fixa, uma unidade de espaçamento de 4 ou 8 pontos e variantes clara e escura. Cada par de cores

…