Manual de identidade visual
Cores
Quatro tokens primários. Nenhum tint, shade ou cor de estado. Cor sempre chapada, nunca em gradiente. Se a cor não está aqui, ela não é da marca-mãe.
Verde escuro
Fundo base, superfícies primárias, capas e heros
- Hex
- #182626
- RGB
- 24, 38, 38
- Token
- --pine-800
Verde oliva
Acento primário, links, tags e bordas ativas
- Hex
- #516B4B
- RGB
- 81, 107, 75
- Token
- --olive-600
Cream
Fundo de página, texto sobre fundo escuro
- Hex
- #FCFFFA
- RGB
- 252, 255, 250
- Token
- --cream-50
Verde claro
Botões, estado ativo, destaque sobre fundo escuro
- Hex
- #ABCCA3
- RGB
- 171, 204, 163
- Token
- --mint-300
Acentos de submarca, fora da marca-mãe
O dourado do Delta Board vai de #FFD19F a #977249, e o azul #2E80EB pertence ao Founders AI. Nenhum dos dois entra em peça da Delta Academy. Ver a página de Submarcas.
Papel de cada cor
| Cor | Fundo | Texto | Destaque | Proporção |
|---|---|---|---|---|
| Verde escuro | Sim | Sim, sobre cream | Não | 50% |
| Cream | Sim | Sim, sobre verde escuro | Não | 35% |
| Verde oliva | Pontual | Só sobre cream | Sim | 10% |
| Verde claro | Não | Só sobre verde escuro | Sim | 5% |
Permitido e proibido
Permitido
- Cream sobre verde escuro
- Verde claro sobre verde escuro
- Verde escuro sobre cream
- Oliva escuro sobre cream, a partir de 16px
Proibido
- Verde claro sobre cream, contraste insuficiente
- Verde escuro sobre oliva
- Oliva sobre verde claro
- Oliva sobre verde escuro
Pares de texto aprovados
| Texto | Fundo | Contraste | Uso |
|---|---|---|---|
| Cream | Verde escuro | 14.8:1 · AAA | Qualquer tamanho |
| Verde escuro | Cream | 14.8:1 · AAA | Qualquer tamanho |
| Verde claro | Verde escuro | 9.6:1 · AAA | Títulos, botões e destaques |
| Oliva | Cream | 5.2:1 · AA | A partir de 16px |
| Verde claro | Cream | 1.4:1 · reprovado | Nunca em texto |