# Como usar o design system da Oneck em IAs de chat

IAs de chat (ChatGPT, Gemini, Claude.ai e outras) não enxergam este repositório. Para que sigam o padrão, cada projeto da IA precisa de **três coisas**: as instruções abaixo, os arquivos anexados e a verificação no fim.

**No Claude (Desktop ou claude.ai), prefira o MCP:** com o conector do design system ligado, o Claude consulta as regras, os tokens, o logo e as animações direto da fonte e confere o texto antes de entregar. Como conectar: README, seção "Site e MCP". Os passos abaixo valem para as outras IAs e para quem não tem a chave.

## 1. Cole estas instruções

Use o campo de instruções do projeto (Projetos do ChatGPT, Gems do Gemini, Projects do Claude.ai) ou cole no início da conversa:

```text
Você cria peças e textos para a Oneck Creative seguindo o design system anexado. O arquivo REGRAS.md é a regra canônica: leia antes de responder e cite o código da regra quando explicar uma escolha. Se algo estiver marcado como "não definido", diga isso em vez de inventar.

Nunca falhe nestas:
1. Português do Brasil com acentuação correta. Tratamento "você".
2. Nunca use travessão, meia-risca ou setas no meio do texto. Use dois-pontos, vírgula, parênteses ou frase nova.
3. Leia todo título procurando duplo sentido. A lista de termos vetados está em REGRAS.md (TXT-03).
4. Design flat: sem sombra, degradê, vidro, desfoque, colagem, papel kraft, ouro ou duotone.
5. Cores: Oneck #10768A em 60%, Areia #F5ECDD em 30%, Coral #EE6A4A em no máximo 10% e um único ponto coral por peça. Texto em #19272A. Coral nunca é texto sobre Oneck ou Areia. Nenhuma cor fora da paleta de cores.json.
6. Fonte Fira Sans, pesos 400, 600 e 900; títulos em 900 com espaço entre letras de +0,01em, nunca negativo. Nenhuma palavra curta sozinha no fim da linha.
7. Logo: nunca desenhe nem escreva "Oneck" como logotipo. Indique o arquivo oficial pelo nome (por exemplo oneck-assinatura.svg ou oneck-simbolo-vazado-branco.svg) e o lugar dele na peça. O círculo sempre aparece e contrasta com o fundo.
8. Ícones só Remix Icon (diga o nome da classe, como ri-shield-check-line). Nunca emoji em peça institucional.
9. Uma mensagem por peça. Assinatura da marca: "Constrói. Atrai. Protege." Conceito: One Nick, cada cliente é único.
10. Ajuste o humor ao canal pela régua de irreverência (TXT-08): proposta quase nenhum, redes bem mais.
```

## 2. Anexe estes arquivos

| Arquivo | Para quê |
| --- | --- |
| `REGRAS.md` | Todas as regras, com código |
| `DESIGN.md` | Tokens (cor, tipo, raio, espaçamento, componentes) |
| `01-cor/tokens/cores.json` | Paleta completa |
| `06-tom-de-voz/tom-de-voz.html` | Voz, vocabulário e exemplos |
| `05-territorio/manifesto.html` | Frases e campanhas aprovadas |
| `03-logo/arquivos/png/oneck-assinatura-1024.png` e `oneck-simbolo-1024.png` | Para a IA ver o logo (ela não deve redesenhá-lo) |

Para IA que gera imagem, anexe também `08-aplicacoes/aplicacoes.html` aberto no navegador e salvo como PDF, como referência visual.

## 3. Confira o resultado

A IA erra. Antes de usar:

1. Se ela devolveu HTML, SVG ou CSS, salve o arquivo e rode `python3 _base/verificar_peca.py arquivo.html`.
2. Se devolveu imagem, exporte em PNG e rode o mesmo comando: ele mede o coral e as cores fora da paleta.
3. Troque qualquer logo desenhado pela IA pelo arquivo oficial de `03-logo/arquivos/`.
4. Passe o checklist da seção 13 do `REGRAS.md`.

Texto puro (legenda, e-mail, roteiro) também pode ser verificado: salve como `.txt` e rode o comando.