# Kit de marca Fundoo

Logotipos, ícones, cores e fontes oficiais para usar a marca com consistência.

[Baixar kit completo (ZIP)](/brand/fundoo-brand-kit.zip) · [Baixar guia de uso (Markdown)](/brand/guia-da-marca.md)

O pacote inclui logotipos vetoriais e PNGs transparentes, símbolos, ícones, paleta, fontes e licença. O “oo” do Fundoo forma um infinito: preserve sempre o desenho original.

![Aplicações oficiais da marca Fundoo: principal, branca, monocromática e paleta](/brand/brand-board.png)

### Logotipos

| Versão | Quando usar | Arquivos |
| --- | --- | --- |
| Principal — grafite e coral | Preferencial, sobre branco ou fundo claro | [SVG principal](/brand/fundoo-logo.svg) · [PNG principal](/brand/fundoo-logo.png) |
| Branca — negativa | Sobre grafite ou fotografia escura com contraste | [SVG branco](/brand/fundoo-logo-white.svg) · [PNG branco](/brand/fundoo-logo-white.png) |
| Monocromática — grafite | Impressão em uma cor e aplicações neutras | [SVG monocromático](/brand/fundoo-logo-mono.svg) · [PNG monocromático](/brand/fundoo-logo-mono.png) |

Os PNGs têm 1404 × 384 px e fundo transparente. SVG é vetorial e pode ser ampliado sem perder definição. O logotipo já está em curvas: não exige instalar uma fonte.

### Símbolo e ícones

| Material | Aplicação | Arquivos |
| --- | --- | --- |
| Infinito coral | Espaços compactos, depois que a marca já estiver identificada | [SVG coral](/brand/fundoo-symbol.svg) · [PNG coral](/brand/fundoo-symbol.png) |
| Infinito branco | Fundos escuros | [SVG branco](/brand/fundoo-symbol-white.svg) · [PNG branco](/brand/fundoo-symbol-white.png) |
| Infinito grafite | Aplicações em uma cor | [SVG grafite](/brand/fundoo-symbol-mono.svg) · [PNG grafite](/brand/fundoo-symbol-mono.png) |
| Ícone do produto | Avatar e atalhos de aplicativo | [PNG 192 px](/icons/icon-192.png) · [PNG 512 px](/icons/icon-512.png) |
| Ícone adaptativo | Instalação de aplicativo web, com área segura | [PNG maskable 512 px](/icons/icon-maskable-512.png) |
| Apple Touch Icon | Atalho em dispositivos Apple | [PNG 180 px](/apple-touch-icon.png) |
| Favicon | Aba do navegador | [SVG](/favicon.svg) · [ICO 16, 32 e 48 px](/favicon.ico) |

![Ícone oficial do Fundoo](/icons/icon-192.png)

### Paleta de cores

![Paleta oficial Fundoo com códigos de cor](/brand/palette.svg)

| Cor | HEX | RGB | Uso |
| --- | --- | --- | --- |
| Coral principal | #C73E36 | 199, 62, 54 | Marca e ações principais |
| Coral profundo | #A92F29 | 169, 47, 41 | Estados de interação |
| Coral texto | #B3261E | 179, 38, 30 | Texto sobre fundos claros |
| Coral luminoso | #EF5350 | 239, 83, 80 | Detalhes decorativos |
| Grafite | #0F172A | 15, 23, 42 | Títulos e fundos escuros |
| Fundo rosado | #FEF2F2 | 254, 242, 242 | Fundos suaves |
| Branco | #FFFFFF | 255, 255, 255 | Superfícies e versão negativa |

[Paleta CSS](/brand/palette.css) · [Paleta JSON](/brand/palette.json) · [Paleta vetorial SVG](/brand/palette.svg)

Use branco sobre coral principal nos botões; prefira coral texto para texto pequeno em fundo claro. Coral luminoso é decorativo e não deve substituir a cor dos botões com texto branco pequeno. HEX e RGB referem-se ao uso digital; para impressão, faça conversão com o perfil da gráfica e aprove uma prova de cor.

### Tipografia

**Inter** é a família de títulos, textos e interfaces. Use Regular 400 para texto corrido, Medium 500 para rótulos, Semibold 600 para subtítulos e Bold 700 ou ExtraBold 800 para títulos. Itálico é reservado a ênfases pontuais.

[Baixar Inter variável — normal (TTF)](/brand/fonts/Inter-Variable.ttf) · [Baixar Inter variável — itálico (TTF)](/brand/fonts/Inter-Italic-Variable.ttf) · [Licença SIL Open Font License 1.1](/brand/fonts/OFL.txt)

As fontes variáveis permitem selecionar os pesos no aplicativo de design. Instale os arquivos TTF antes de abrir apresentações ou peças editáveis. Para interfaces web, use `Inter, Arial, sans-serif` como sequência de fontes. Distribua a licença junto dos arquivos ao repassá-los. Fonte: [repositório Google Fonts — Inter](https://github.com/google/fonts/tree/main/ofl/inter).

### Como aplicar a marca

- Preserve as proporções, cores e orientação. Nunca estique, gire, redesenhe o infinito ou acrescente sombras e contornos.
- Mantenha área livre ao redor equivalente à altura de uma volta do infinito.
- Use a assinatura a partir de 110 px de largura em telas. Abaixo disso, prefira o símbolo; favicons devem usar os arquivos próprios, já preparados para redução.
- Sobre fundos claros, use a versão principal. Sobre fundos escuros, use a branca. Evite fotografias detalhadas atrás da marca; prefira uma área lisa com contraste.
- Use o nome **Fundoo**, com F maiúsculo e dois “o”. O infinito faz parte do desenho do logo; não substitua o nome escrito por um caractere ∞ em textos.
- Antes de exportar, confira legibilidade no tamanho final e se nenhum elemento invade a área livre.

### Materiais de apresentação

[Prancha da identidade — PNG](/brand/brand-board.png) · [Prancha vetorial — SVG](/brand/brand-board.svg) · [Imagem de compartilhamento — PNG 1200 × 630](/og-default.png) · [Imagem de compartilhamento — SVG](/brand/og-default.svg)