# Regras do design system da Oneck Creative

**Versão 1.5 · 17/10/2026.** Documento canônico: quando outro arquivo (README, CLAUDE.md, AGENTS.md, skills, DESIGN.md) disser algo diferente, vale este. Vale para qualquer pessoa, empresa ou IA que produza para a Oneck Creative.

Cada regra tem um código (por exemplo `COR-03`) e uma marca:

- **[auto]** o verificador encontra a violação sozinho (`python3 _base/verificar_peca.py <arquivo>`);
- **[humana]** só uma pessoa consegue julgar; entra no checklist da seção 13.

A fonte de cada bloco está indicada entre parênteses. Os mesmos códigos estão em `regras.json`, a versão para máquina.

Onde está escrito **não definido**, a Oneck ainda não decidiu. Não invente: pergunte (seção 14).

---

## 1. Escopo e uso

- `USO-01` [humana] Este sistema é só da **Oneck Creative**. OneckPro e OneckPass são outras empresas, com identidade própria; nunca misture.
- `USO-02` [humana] O pardal da Oneck é **marca registrada no INPI**. Ele só é usado nos arquivos oficiais e em trabalho feito para a Oneck Creative ou autorizado por ela.
- `USO-03` [humana] Nenhuma regra é alterada por quem produz. Mudança é proposta pelo processo da seção 14.

## 2. Conceito e posicionamento (00-conceito, 04-plataforma, 05-territorio)

- `CON-01` [humana] **Conceito: One Nick.** A empresa nasceu como One Nick ("um nome"): cada nome, cliente e projeto é único. O teste de toda peça é: **isso serviria para outro cliente?** Se sim, volta para a mesa.
- `CON-02` [humana] **Assinatura:** "Constrói. Atrai. Protege." Um verbo por frente: **Constrói** = Software & Sistemas; **Atrai** = Gestão de Tráfego; **Protege** = Registro de Marcas. Branding e naming são a base das três, nunca uma quarta frente.
- `CON-03` [humana] **Promessa:** "Sua marca, só sua." **Propósito:** fazer de cada marca a única no lugar dela.
- `CON-04` [humana] **Inimigo:** o genérico (template com logo trocado, nome que qualquer um pode usar). Ataque o hábito do mercado, nunca o cliente nem um concorrente nomeado.
- `CON-05` [humana] **Arquitetura:** as frentes nunca viram submarcas, com logo ou cor própria. Tudo sai como Oneck Creative.
- `CON-06` [humana] **Nomenclatura:** "Oneck Creative" (duas palavras, as duas com maiúscula); depois da primeira menção, "a Oneck". As frentes se escrevem Software & Sistemas, Gestão de Tráfego, Registro de Marcas. Evite ONECK, OneckCreative, "dev", "ads", "jurídico".
- `CON-07` [humana] **Números oficiais:** desde 2004, 20+ anos, 500+ marcas no INPI, 200+ clientes, 1.000+ projetos. Não use outros números sem fonte.

## 3. Texto e voz (06-tom-de-voz)

<!-- lista-proibida -->
- `TXT-01` [auto] **Nunca travessão (—) nem meia-risca (–).** Use dois-pontos, vírgula, parênteses ou uma frase nova. Exceção: intervalo numérico, e mesmo assim prefira "10 a 20".
- `TXT-02` [auto] **Nunca setas no meio do texto** ("A → B → C"). Escreva por extenso.
- `TXT-03` [auto] **Termos vetados por duplo sentido:** "pescoço" (e qualquer leitura de Oneck como "neck"), "faz crescer", "crescer" e derivados (inclusive "crescimento"), "esticar", "erguer". Lista completa em `regras.json`.
- `TXT-04` [auto, aviso] **Termos a evitar:** resultado garantido, hack, fórmula mágica, líder de mercado, o melhor, bombar, explodir, senhor, senhora, "há duas décadas".
<!-- /lista-proibida -->
- `TXT-05` [humana] **Leia todo título em voz alta procurando segundo sentido** antes de aprovar. Termo novo de duplo sentido entra na lista de `TXT-03`.
- `TXT-06` [humana] **Voz Sábio Irreverente,** em quatro traços: clara, franca, próxima, irreverente na medida. Sem piada com o cliente, sem deboche de concorrente.
<!-- lista-proibida -->
- `TXT-07` [humana] **Tratamento "você",** sempre. Nunca "senhor", "senhora", "tu" ou "prezado cliente". Uma pessoa por vez.
<!-- /lista-proibida -->
- `TXT-08` [humana] **Régua de irreverência:** quanto maior a decisão financeira, menor a irreverência. Contrato 0%; crise 0 a 5%; proposta 0 a 10%; e-mail comercial 5 a 15%; site 10 a 20%; WhatsApp comercial 15 a 25%; Google Ads 20 a 35%; LinkedIn 20 a 40%; blog técnico 25 a 40%; Instagram 40 a 55%; Meta Ads 40 a 60%; reels e TikTok 55 a 70%.
- `TXT-09` [humana] **Uma mensagem por peça,** frase curta, uma ideia por frase.
- `TXT-10` [humana] **Números sempre com número e unidade:** "500+ marcas", "R$ 1.250,00", "15 dias".
- `TXT-11` [auto, aviso] **Sem emoji em peça institucional** (proposta, contrato, preço, registro, site). Em rede social, com parcimônia.
- `TXT-12` [humana] **pt-BR com acentuação correta** em tudo, inclusive em código e nome de arquivo exibido.
- `TXT-13` [humana] **Sotaque por frente:** Constrói explica o que o sistema faz pelo negócio; Atrai fala com número e franqueza; Protege fala com dado e consequência, com a irreverência mais contida.

## 4. Cor (01-cor)

| Cor | HEX | CMYK FOGRA39 (couché) | CMYK FOGRA29 (offset) | Pantone | Papel |
| --- | --- | --- | --- | --- | --- |
| Oneck | #10768A | 83 34 34 16 | 88 37 34 5 | 3145 C · 3145 U | 60% |
| Areia | #F5ECDD | 4 8 16 0 | 4 7 13 0 | impresso: papel natural creme; tinta opcional 9224 C · 9184 U | 30% |
| Coral | #EE6A4A | 0 70 71 0 | 0 68 75 0 | 2026 C · 1665 U | até 10% |
| Neutro 800 (texto) | #19272A | 84 63 58 72 | 89 73 58 60 | no impresso, só preto K 100 | texto |
| Escuro de interface | #0B1F24 | 91 67 58 76 | 93 76 56 66 | não se aplica | só tela |

Escalas completas (50 a 900), semânticas e modo escuro em `01-cor/tokens/cores.json`.

- `COR-01` [auto] **Flat absoluto:** só preenchimento sólido. Sem degradê, sombra, brilho, desfoque, vidro (glassmorphism), textura ou 3D.
- `COR-02` [auto] **Só cores da paleta** (`01-cor/tokens/cores.json`), além de branco. Nada de teal #199EAE, #0D4959 ou ouro #E6B52E (sistema antigo).
- `COR-03` [auto, aviso] **Proporção 60-30-10:** Oneck cerca de 60% do peso visual, Areia 30%, Coral no máximo 10%. Texto e branco ficam fora da conta. O verificador mede o coral em imagens exportadas.
- `COR-04` [humana] **Um ponto coral por peça:** um botão, um número ou uma forma. Se aparecer em dois lugares, um sai. Coral nunca é fundo de peça inteira (bloco grande só em exceção de campanha aprovada caso a caso).
- `COR-05` [humana] **Coral nunca é texto** sobre Oneck ou Areia (contraste 1,7 a 3,0:1) nem cor de texto corrido. Ênfase em título sobre Oneck vai em Areia; sobre Areia ou branco, em Oneck.
- `COR-06` [humana] **Texto:** Neutro 800 #19272A, inclusive sobre coral (4,98:1). Branco sobre coral (3,1:1) só em texto grande: 24px, ou 20px em Black 900, como no botão grande (`LAY-06`). Títulos sobre fundo claro em Oneck 500. Sobre Oneck, texto em branco (5,3:1) ou Areia (4,5:1).
- `COR-07` [humana] **Oneck sobre Areia** (4,5:1) só para título e texto a partir de 18px; texto menor sobre Areia vai em Neutro 800.
- `COR-08` [auto, aviso] **Oneck 900 #00242C quase nunca:** é reserva de uso excepcional, não aparece em texto, fundo nem peça.
- `COR-09` [auto] **Nunca preto puro de fundo.** Escuro de interface é #0B1F24 (superfície #122C33, borda #1E3E46); no escuro, o azul interativo sobe para Oneck 300 #7BBDCE e o texto vai em Neutro 100.
- `COR-10` [humana] **Coral nunca encosta no Oneck em degradê;** os dois convivem em blocos separados.
- `COR-11` [humana] **Semânticas** (sucesso, alerta, erro, info) só em interface, nunca em peça de comunicação. Texto de sucesso e alerta usa as versões `-texto` (#007F47 e #9B6200).
- `COR-12` [humana] **Modo escuro** troca papéis por variáveis CSS (`data-theme="dark"`), nunca pelo prefixo `dark:` do Tailwind.

## 5. Tipografia (02-tipografia)

| Papel | Web (px, celular a desktop) | Vídeo (quadro de 1080) | Peso | Espaço entre letras | Altura de linha |
| --- | --- | --- | --- | --- | --- |
| Display | 44 a 104 | 120 | 900 | +0,01em | 1 |
| H1 | 36 a 56 | 88 | 900 | +0,01em | 1,05 |
| H2 | 28 a 40 | 64 | 900 | +0,01em | 1,1 |
| H3 | 22 a 28 | 44 | 600 | 0 | 1,25 |
| Corpo | 16 a 18 | 32 | 400 | 0 | 1,6 |
| Pequeno | 14 | não usar | 400 | 0 | 1,5 |
| Rótulo | 13, caixa alta | 28 | 600 | +0,12em | 1,3 |
| Dado | Fira Mono 13 | não usar | 400 | 0 | 1,3 |

- `TIP-01` [auto] **Família única: Fira Sans** (licença OFL, arquivos em `02-tipografia/fontes/`). Fira Mono só para dado (HEX, número de processo, código de proposta).
- `TIP-02` [auto] **Três pesos: 400, 600 e 900,** e no máximo três por tela. Nada de 300, 500, 700 ou "bold".
- `TIP-03` [auto] **Espaço entre letras nunca negativo.** Manchete em Black com +0,01em.
- `TIP-04` [humana] **Manchete curta:** se passa de três linhas no celular, a frase está longa.
- `TIP-05` [humana] **Ênfase na manchete por cor,** nunca por outro peso ou itálico. Em coral só se o coral ainda não foi usado na peça.
- `TIP-06` [humana] **Itálico** só em citação e termo estrangeiro. **Caixa alta** só no rótulo, nunca em manchete.
- `TIP-07` [humana] **Texto corrido** em 400, no máximo 70 caracteres por linha, alinhado à esquerda.
- `TIP-08` [humana] **Leitura em F:** a primeira linha diz o essencial; cada linha começa com palavra forte; em lista, a primeira palavra é a informação.
- `TIP-09` [humana] **Quebra de linha:** cada linha é uma unidade de sentido. Palavra curta (a, o, e, é, de, em, um) nunca fica solta no fim da linha; número nunca se separa da unidade; título sem palavra sozinha na última linha e sem hífen; pergunta e resposta em linhas próprias. No código, use `amarrar()` de `02-tipografia/tokens/quebra.ts` (ou `.js`) e `text-wrap: balance` nas manchetes; em redes, vídeo e impresso, quebra manual revisada no celular.
- `TIP-10` [humana] **Em vídeo,** nada abaixo de 28px num quadro de 1080.

## 6. Logo (03-logo)

Arquivos oficiais em `03-logo/arquivos/` (SVG e PNG de 512, 1024 e 2048 px):

| Família | Assinatura (pardal sobre o nome) | Símbolo | Horizontal |
| --- | --- | --- | --- |
| Principal (círculo Oneck, pardal branco) | `oneck-assinatura.svg` | `oneck-simbolo.svg` | `oneck-horizontal.svg` |
| Vazada Oneck (fundos claros) | `oneck-assinatura-vazada.svg` | `oneck-simbolo-vazado.svg` | `oneck-horizontal-vazada.svg` |
| Vazada branca (Oneck, escuro, foto) | `oneck-assinatura-vazada-branca.svg` | `oneck-simbolo-vazado-branco.svg` | `oneck-horizontal-vazada-branca.svg` |
| Vazada preta (uma tinta, carimbo, laser, vinil, bordado) | `oneck-assinatura-vazada-preta.svg` | `oneck-simbolo-vazado-preto.svg` | `oneck-horizontal-vazada-preta.svg` |

Favicons em `03-logo/arquivos/favicon/`. Originais registrados em `03-logo/originais/` (não editar).

- `LOG-01` [auto] **Logo só pelo arquivo oficial.** Nunca redesenhar, vetorizar de novo, digitar "Oneck" em fonte no lugar do logo ou usar arquivo de outra origem. O verificador confere só o nome do arquivo (todo arquivo com "oneck" no nome tem de ser um dos oficiais); logo redesenhado ou digitado precisa de revisão humana.
- `LOG-02` [humana] **O círculo faz parte do logo** e aparece sempre, no símbolo, na assinatura e na horizontal. Pardal sem círculo é proibido.
- `LOG-03` [humana] **O círculo sempre contrasta com o fundo:** nunca círculo azul sobre fundo azul. Sobre Oneck, use a vazada branca.
- `LOG-04` [humana] **Uma cor só:** use a versão vazada na cor de contraste (Oneck, branca ou preta).
- `LOG-05` [humana] **Centralize pela bola:** o centro do logo é o centro do círculo, não o da caixa com a cauda. Os arquivos já vêm com a moldura centrada na bola.
- `LOG-06` [humana] **Área de proteção:** 1P em volta da arte (2P em capa, fachada e abertura de vídeo). P é o diâmetro do círculo da cabeça na construção, cerca de 13% da largura do símbolo. Na horizontal também 1P.
- `LOG-07` [humana] **Tamanho mínimo** (largura da arte): assinatura 56px / 18mm; símbolo 20px / 7mm; símbolo vazado 24px / 8mm (estêncil e laser 20mm). Horizontal 100px / 32mm (nome do mesmo tamanho que na assinatura mínima). Valores a confirmar em prova impressa.
- `LOG-08` [humana] **Nunca:** distorcer, girar, recolorir, aplicar efeito, recortar o pardal, usar como textura ou padrão repetido, colocar sobre fundo de baixo contraste, sobre coral, ou invadir a área de proteção.
- `LOG-09` [humana] **Onde a altura é curta** (cabeçalho, assinatura de e-mail, rodapé, faixa), use a horizontal ou o símbolo sozinho.
- `LOG-10` [humana] **A construção áurea** do pardal é ferramenta interna, não mensagem para o cliente.

## 7. Grafismos e ícones (07-grafismos)

- `GRA-01` [humana] **Cinco elementos,** todos do sistema: círculo (a única forma que pode ser cortada e sair pela borda), ponto coral, selo Nº (Fira Mono, contorno Oneck, número real do projeto), pontilhado de construção (tom próximo do fundo, nunca sobre texto) e corte áureo (grade 61,8 / 23,6 / 14,6).
- `GRA-02` [humana] **No máximo dois elementos por peça,** além do texto. Nenhuma forma solta sem função (asas, ovos, ondas decorativas).
- `GRA-03` [humana] **O símbolo pode assinar a peça como selo,** sempre inteiro, com círculo, tamanho mínimo e área de proteção.
- `ICO-01` [humana] **Ícones só Remix Icon** (4.5.0, licença Apache 2.0, em `07-grafismos/remixicon/`). Nenhum ícone desenhado à mão nem de outra família.
- `ICO-02` [humana] **Estilo:** `-line` por padrão; `-fill` para ênfase, um por bloco. Sempre na cor do texto (`currentColor`), em Oneck, ou branco sobre Oneck; sem ajustar espessura. Coral num ícone só se ele for o único ponto coral da peça.
- `ICO-03` [humana] **Tamanhos:** 16, 20, 24, 32 e 48 px; nada abaixo de 16. Junto do texto, 1,2 vez o tamanho da letra, centrado na linha.
- `ICO-04` [humana] **Ícones de referência por frente:** a lista oficial está em `07-grafismos/grafismos.html` (por exemplo `ri-window-2-line` para site, `ri-shield-check-line` para proteção).

## 8. Layout e componentes (_base/base.css, DESIGN.md)

- `LAY-01` [humana] **Container** de 1160px com margem lateral de 24px; seções com 96px de respiro vertical; vão de 16px entre colunas; grades viram uma coluna abaixo de 900px.
- `LAY-02` [humana] **Formas:** cartão com raio de 24px; botões, selos e navegação em pílula. Quina viva não é usada em cartão e botão.
- `LAY-03` [humana] **Botão principal** em Coral #EE6A4A com texto Neutro 800, 16px em 600 (é o ponto coral da tela). Classes `btn btn-coral`. Um por tela.
- `LAY-06` [humana] **Botão principal grande:** texto de 20px em Black 900 (ou 24px), e aí o texto vira branco. Classes `btn btn-coral btn-grande`. Use em capa, abertura e fechamento de peça.
- `LAY-07` [humana] **Botão secundário:** bloco sólido neutro com texto Oneck 500. Fundo branco sobre Oneck e Areia; fundo Areia 200 sobre branco (`btn btn-secundario`, mais `sobre-branco` em fundo branco). Nunca contorno vazado, nunca coral.
- `LAY-08` [humana] **Passar o mouse e foco de teclado:** a cor do botão não muda; aparece um anel de 2px, afastado 3px, na cor de contraste do fundo (Neutro 800 sobre branco e Areia; branco sobre Oneck, com a classe `sobre-oneck` no contêiner quando não estiver em `.hero` ou `section.oneck`). Transição de 0,2 s.
- `LAY-09` [humana] **Ícone no botão:** Remix Icon de linha (`-line`), à esquerda do texto, 1,2 vez o tamanho da letra. Só quando ajuda a entender o destino (WhatsApp, download, e-mail).
- `LAY-04` [humana] **Profundidade** só por troca de fundo (branco, Areia, Oneck) e borda de 1px Areia 300. Nunca sombra.
- `LAY-05` [humana] **Em página HTML,** comece de `_base/base.css` e `_base/pagina.js`; não recrie os componentes.

## 9. Imagem e fotografia

- `IMG-01` [humana] **Sem fotografia nas peças.** A marca se expressa com tipografia, cor chapada e os grafismos (círculo, ponto coral, selo Nº). Foto só em exceção aprovada caso a caso pela Oneck.
- `IMG-02` [humana] **Na exceção aprovada,** a foto é natural: sem colagem, duotone, filtro, desfoque ou efeito. Pode mostrar gente real (equipe, clientes, projetos, com autorização por escrito) ou banco de imagem, sem rosto genérico de escritório.

## 10. Movimento (animacoes)

- `MOV-01` [humana] **Toda animação é função do quadro** (30 por segundo), nunca do relógio. Use `animacoes/biblioteca` (React e Remotion).
- `MOV-02` [humana] **Três curvas, uma por verbo:** desenhar (Constrói), subir (Atrai), assentar (Protege). Nada de ricochete nem elástico.
- `MOV-03` [humana] **Tempos:** rápido 0,2 s (6 quadros), médio 0,5 s (15), lento 0,9 s (27), pausa da virada 0,4 s (12).
- `MOV-04` [humana] **Um único momento de destaque por peça,** marcado pelo ponto coral.
- `MOV-05` [humana] **O logo só se revela** (máscara); nunca é deformado, girado ou recolorido, e o círculo nunca some.
- `MOV-06` [humana] **Movimento reduzido:** quando o sistema pede (`prefers-reduced-motion`), mostre o quadro final parado.
- `MOV-07` [humana] **Botão animado** (vídeo ou site) sai dos quatro componentes de `animacoes/biblioteca/src/componentes/botoes/`: aparecer, clique, download e enviar (`animacoes/botoes.html`). Troque só o texto e o fundo; não crie animação de botão nova sem aprovação. Um botão animado por peça, e ele é o ponto coral.
- `MOV-08` [auto] **Animação CSS** (site e vídeo) só com as classes permitidas de `animacoes/css/oneck-animacoes.css` (catálogo em `animacoes/css.html`). No Remotion, sempre pelo componente `AnimacaoCSS` da biblioteca, que pausa a animação e a posiciona pelo quadro; classe CSS solta em vídeo sai com quadros errados. As vetadas (sombra, desfoque, quicar, tremer, elástico, piscar, espaço entre letras negativo) nunca entram em peça. Nunca aplicar no logo. Quadros-chave da Animista, licença FreeBSD (`animacoes/css/LICENSE-animista.txt`).

## 11. Impressão (01-cor, 08-aplicacoes)

- `IMP-01` [humana] **Pantone é a referência física** no impresso: Oneck 3145 C e U; Coral 2026 C (couché) e 1665 U (offset). Escolhidos por ΔE2000 nas bibliotecas licenciadas (`01-cor/scripts/pantone.py`).
- `IMP-02` [humana] **Areia no impresso vem do papel natural creme,** sem branqueador óptico, escolhido entre amostras sob luz D50. Tinta 9224 C ou 9184 U só se precisar imprimir o fundo.
- `IMP-03` [humana] **Prova antes da tiragem:** prova de tinta Pantone no papel real e prova contratual CMYK (ISO 12647-7). A prova assinada vira a referência.
- `IMP-04` [humana] **Tolerância:** ΔE00 até 2 em Pantone e até 3 em CMYK, contra a prova aprovada. Conferência em cabine D50 (ISO 3664), com guia Pantone de menos de 18 meses. Tela e PDF não aprovam cor.
- `IMP-05` [humana] **Texto e fio fino** só em preto K 100 com sobreimpressão. Oneck em área grande (capa, verso, fachada) em Pantone, não em CMYK.

## 12. Formatos de referência (08-aplicacoes, 11-apresentacao)

- `FOR-01` [humana] Cartão de visita 90 x 50 mm: frente em papel creme com a assinatura e um ponto coral; verso em Oneck com o símbolo vazado branco.
- `FOR-02` [humana] Proposta A4: capa em Oneck com "Sua marca, só sua." e a assinatura vazada branca; páginas internas em branco, uma frente por página, valores com algarismos tabulares; irreverência 0 a 10%.
- `FOR-03` [humana] Redes: post 1:1, story 9:16, carrossel 1:1 com uma ideia por tela; grade alterna Oneck e Areia; coral uma vez por post.
- `FOR-04` [humana] Apresentação 16:9: capa em Oneck, conteúdo em branco ou Areia, um número por slide quando possível, fechamento com a assinatura.
- `FOR-05` [humana] Assinatura de e-mail com o símbolo em imagem, sem banner e sem ícone de rede social colorido.
- `FOR-06` [humana] Bordado e vinil a partir de 15 mm e 20 mm, com a versão vazada.
- `FOR-07` [humana] **Área de segurança em 9:16 (1080 x 1920), uma por formato.** Texto, logo e botão ficam fora das faixas. Story: topo 270px (14%), base 380px (20%), laterais 65px (6%). Reels e TikTok: topo 270px (14%), base 670px (35%), esquerda 65px (6%) e **direita 180px (17%)**, onde ficam os ícones de curtir, comentar e compartilhar. Medidas de guias de mercado; confira sempre na prévia da plataforma antes de publicar.
- `FOR-08` [humana] **Margem interna de post 1:1 e 4:5:** 88px em 1080 de largura (8%). Só o círculo pode sair pela borda (`GRA-01`).

## 13. Checklist antes de entregar

1. Rodou `python3 _base/verificar_peca.py <arquivo>` sem erro e conferiu os avisos? (regras [auto]; trechos marcados como citação são pulados e o verificador avisa quantos)
2. Serve só para este cliente? (`CON-01`)
3. Leu os títulos em voz alta procurando duplo sentido? (`TXT-05`)
4. Uma mensagem e um ponto coral? (`TXT-09`, `COR-04`)
5. Logo pelo arquivo, com círculo, contrastando com o fundo e centrado na bola? (`LOG-01` a `LOG-05`)
6. Quebras de linha revisadas no celular? (`TIP-09`)
7. A régua de irreverência combina com o canal e com o valor em jogo? (`TXT-08`)
8. Tem prova (número, fato, caso real) e próximo passo claro? (06-tom-de-voz)

## 14. Mudanças e dúvidas

- Dono do sistema: Oneck Creative (Rodrigo Cruz). Só ele aprova mudança de regra.
- Para propor mudança ou tirar dúvida sobre algo **não definido**, abra uma issue ou um pull request no repositório `OneckCreative/oneck-rebrand` explicando o caso. Regra aprovada entra aqui com novo código, em `regras.json` e no histórico abaixo.
- `python3 _base/checar_regras.py` confere que os códigos deste arquivo e de `regras.json` são os mesmos.

### Histórico

| Versão | Data | Mudança |
| --- | --- | --- |
| 1.0 | 17/10/2026 | Primeira versão, a partir dos capítulos aprovados do rebrand. |
| 1.1 | 17/10/2026 | Definições respondidas pelo Rodrigo: sem fotografia (IMG-01, IMG-02), horizontal com 1P e 100px (LOG-06, LOG-07), áreas de segurança 9:16 com direita maior em reels e TikTok (FOR-07), margem de post 88px (FOR-08). Uso por terceiros: mantido o aviso de USO-02. |
| 1.2 | 17/10/2026 | Botões escolhidos pelo Rodrigo (12-componentes/escolhas-botao.html: 1B, 2A, 3B, 4B): branco sobre coral só no botão grande (COR-06, LAY-06), secundário em bloco sólido neutro (LAY-07), anel no hover e no foco (LAY-08), ícone de linha (LAY-09). |
| 1.3 | 17/10/2026 | Botões animados em SVG para vídeo e site: aparecer, clique, download e enviar (MOV-07). |
| 1.4 | 17/10/2026 | Biblioteca de animações CSS para o site a partir da Animista: 448 permitidas e 194 vetadas, com curvas e tempos da marca (MOV-08). |
| 1.5 | 17/10/2026 | A biblioteca CSS passa a valer em vídeo, pelo componente AnimacaoCSS (teste: mesmo quadro idêntico pixel a pixel com 1 e 4 abas e fora de ordem). |