# Cores · Score Positivo

> empresa B2B · v0.2 · piloto com cliente real. Dados extraídos do Manual de Marca, Tom e Voz e Kickoff. Os itens marcados como pendentes aguardam confirmação do cliente

A paleta com HEX e proporção de uso, e as combinações de texto e fundo que passam no contraste.

> **Pendente (item 5):** RGB e CMYK do manual estão repetidos ("78, 153, 1" / "87, 15, 100, 0") nas quatro cores. [Ver em pendencias.md](pendencias.md#item-5)
>
> **Pendente (item 11):** Cores semânticas (sucesso, erro, alerta, info) e o Verde Score 700 (#3D7A01) para texto pequeno verde e botões com texto branco. [Ver em pendencias.md](pendencias.md#item-11)
>
> **Pendente (item 16):** Cores e fontes fora do padrão. A apresentação usa #02262B e #1A1A2E como escuro e Open Sans/Calibri nos textos; o padrão da marca é Azul Noite #191D28 e Poppins. [Ver em pendencias.md](pendencias.md#item-16)

## O essencial

1. Use Branco como fundo dominante, cerca de 60%.
2. Use Verde Score como cor institucional principal, cerca de 20%.
3. Use Azul Noite como texto principal; como fundo, cerca de 10%.
4. Use Verde Claro só como acento, até 6%.
5. Combine só pares aprovados: abaixo de 4,5:1 não passa, salvo texto grande em Bold nos pares restritos.

## Como usar

Os três pares principais, aplicados num título e num texto da própria marca.

- **Preto sobre Branco** (contraste 21,00:1): título "Do acesso ao resultado" e texto "Uma datatech séria que entende de crédito: calma, segura e consultiva."
- **Preto sobre Verde Score** (contraste 5,88:1): título "Dado certo, decisão segura" e texto "Cada decisão sem dado preciso é uma aposta."
- **Branco sobre Azul Noite** (contraste 16,83:1): título "Parceiro, não fornecedor" e texto "Atendimento consultivo de quem entende de crédito, e não de ticket."

## Fazemos e nunca fazemos

- **Fazemos:** Preto sobre Branco (21,00:1)
  - **Nunca fazemos:** Verde Claro sobre Branco (1,71:1)
  - **Motivo:** Verde Claro sobre Branco tem contraste 1,71:1; o mínimo é 4,5:1 (AA).
- **Fazemos:** Azul Noite sobre Cinza (12,87:1)
  - **Nunca fazemos:** Verde Claro sobre Cinza (1,31:1); Branco sobre Cinza (1,31:1); Verde Score sobre Cinza (2,73:1)
  - **Motivo:** Verde Claro sobre Cinza tem contraste 1,31:1; o mínimo é 4,5:1 (AA). Branco sobre Cinza tem contraste 1,31:1; o mínimo é 4,5:1 (AA). Verde Score sobre Cinza tem contraste 2,73:1; o mínimo é 4,5:1 (AA).
- **Fazemos:** Preto sobre Verde Score (5,88:1)
  - **Nunca fazemos:** Verde Claro sobre Verde Score (2,08:1)
  - **Motivo:** Verde Claro sobre Verde Score tem contraste 2,08:1; o mínimo é 4,5:1 (AA).
- **Fazemos:** Preto sobre Verde Claro (12,26:1)
  - **Nunca fazemos:** Branco sobre Verde Claro (1,71:1)
  - **Motivo:** Branco sobre Verde Claro tem contraste 1,71:1; o mínimo é 4,5:1 (AA).

## Só texto grande

Pares restritos: contraste entre 3:1 e 4,5:1. Nunca em texto corrido.

- **Fazemos:** Branco sobre Verde Score em título ou botão Bold (24 px ou mais; 18,5 px ou mais em Bold)
  - **Nunca fazemos:** o mesmo par em texto corrido de 17 px
  - **Motivo:** Branco sobre Verde Score tem contraste 3,57:1 (entre 3:1 e 4,5:1): só texto ≥ 24px ou ≥ 18,5px em Bold. Botões usam Verde Score 700 (#3D7A01).
- **Fazemos:** Verde Score sobre Branco em título ou botão Bold (24 px ou mais; 18,5 px ou mais em Bold)
  - **Nunca fazemos:** o mesmo par em texto corrido de 17 px
  - **Motivo:** Verde Score sobre Branco tem contraste 3,57:1 (entre 3:1 e 4,5:1): só em títulos grandes em Bold. Para texto pequeno use Verde Score 700 (#3D7A01).

## Paleta

| Cor | HEX | Uso | Proporção |
|---|---|---|---|
| Branco | #FFFFFF | fundo dominante, alternando seções com a Superfície | 60% |
| Verde Score | #4E9901 | cor institucional principal: palavra de destaque do título, botão principal (fundo em Verde Score 700), filetes e barra de score | 20% |
| Azul Noite | #191D28 | texto principal; como fundo, só em blocos pequenos (cards e selos), nunca em seção inteira | 10% |
| Verde Claro | #71DF01 | acento: fim da barra de score, '+' do símbolo, destaques sobre fundo escuro | 6% |
| Cinza | #E1E1E1 | trilho da barra de score, superfícies e divisores | 4% |
| Preto | #000000 | 'Score' no logotipo; fora do logo, use Azul Noite | 0% |

## Especificação técnica

### Códigos e proporção

| Cor | HEX | RGB | Proporção | Uso |
|---|---|---|---|---|
| Branco | #FFFFFF | 255 255 255 | 60% | fundo dominante, alternando seções com a Superfície |
| Verde Score | #4E9901 | 78 153 1 | 20% | cor institucional principal: palavra de destaque do título, botão principal (fundo em Verde Score 700), filetes e barra de score |
| Azul Noite | #191D28 | 25 29 40 | 10% | texto principal; como fundo, só em blocos pequenos (cards e selos), nunca em seção inteira |
| Verde Claro | #71DF01 | 113 223 1 | 6% | acento: fim da barra de score, '+' do símbolo, destaques sobre fundo escuro |
| Cinza | #E1E1E1 | 225 225 225 | 4% | trilho da barra de score, superfícies e divisores |
| Preto | #000000 | 0 0 0 | 0% | 'Score' no logotipo; fora do logo, use Azul Noite |

### Pares liberados (AA 4,5:1): Paleta principal

- azul-noite sobre branco: 16,83:1
- branco sobre azul-noite: 16,83:1
- azul-noite sobre cinza: 12,87:1
- verde-claro sobre azul-noite: 9,82:1
- preto sobre verde-score: 5,88:1
- verde-claro sobre preto: 12,26:1
- verde-score sobre azul-noite: 4,71:1
- preto sobre branco: 21,00:1
- branco sobre preto: 21,00:1
- preto sobre verde-claro: 12,26:1

### Pares liberados (AA 4,5:1): Derivados da escala

- branco sobre verde-score-700: 5,27:1
- verde-score-700 sobre branco: 5,27:1
- branco sobre verde-score-600: 5,20:1
- branco sobre azul-noite-800: 12,99:1
- branco sobre azul-noite-700: 9,30:1
- verde-score-600 sobre branco: 5,20:1

### Pares liberados (AA 4,5:1): Semânticas

- azul-noite sobre superficie: 15,48:1
- branco sobre erro: 6,54:1
- sucesso sobre branco: 5,27:1
- erro sobre branco: 6,54:1
- alerta sobre branco: 5,54:1
- info sobre branco: 6,37:1

### Pares restritos (só texto grande)

- branco sobre verde-score: 3,57:1. Branco sobre Verde Score tem contraste 3,57:1 (entre 3:1 e 4,5:1): só texto ≥ 24px ou ≥ 18,5px em Bold. Botões usam Verde Score 700 (#3D7A01).
- verde-score sobre branco: 3,57:1. Verde Score sobre Branco tem contraste 3,57:1 (entre 3:1 e 4,5:1): só em títulos grandes em Bold. Para texto pequeno use Verde Score 700 (#3D7A01).

### Pares proibidos

Nunca usar (contraste abaixo de 4,5:1):

- Verde Claro sobre Branco: 1,71:1
- Verde Claro sobre Cinza: 1,31:1
- Branco sobre Cinza: 1,31:1
- Verde Score sobre Cinza: 2,73:1
- Verde Claro sobre Verde Score: 2,08:1
- Branco sobre Verde Claro: 1,71:1

## Downloads

- [tokens.css](assets/07-para-ia/tokens.css)
- [tokens.json](assets/07-para-ia/tokens.json)
- [globals-shadcn.css](assets/07-para-ia/globals-shadcn.css)

### Paleta de Cores
- Tipo: paleta · Formatos: png, pdf, ase, json
- 6 cores principais com escalas 50–900, semânticas e pares aprovados
- Prévia: [paleta.png](assets/thumbs/paleta.png)
  - Paleta Completa: [score-positivo_paleta.png](assets/02-cores/score-positivo_paleta.png) · [score-positivo_paleta.pdf](assets/02-cores/score-positivo_paleta.pdf) · [score-positivo_paleta.ase](assets/02-cores/score-positivo_paleta.ase) · [score-positivo_paleta.json](assets/02-cores/score-positivo_paleta.json)

### Camada para IA
- Tipo: ia · Formatos: md, json, css, txt
- Instruções, tokens e prompts para a IA trabalhar dentro da marca
- Prévia: [ia.png](assets/thumbs/ia.png)
  - Completo: [tokens.json](assets/07-para-ia/tokens.json) · [DESIGN.md](assets/07-para-ia/DESIGN.md), [VOZ.md](assets/07-para-ia/VOZ.md), [instrucoes-chatgpt-claude-gemini.md](assets/07-para-ia/prompts/instrucoes-chatgpt-claude-gemini.md), [prompts-de-imagem.md](assets/07-para-ia/prompts/prompts-de-imagem.md) · [tokens.css](assets/07-para-ia/tokens.css), [globals-shadcn.css](assets/07-para-ia/globals-shadcn.css)

---
Outras páginas: [Início](index.md) · [Comece aqui](comece-aqui.md) · [Logo](logo.md) · [Cores](cores.md) · [Tipografia](tipografia.md) · [Voz](voz.md) · [Imagem](imagem.md) · [Rostos da marca](rostos.md) · [Componentes](componentes.md) · [Assets da marca](assets-marca.md) · [Para IA](para-ia.md) · [Downloads](downloads.md) · [Perguntas frequentes](faq.md) · [Versão e histórico](versao.md) · [Pendências](pendencias.md) · [llms.txt](llms.txt)