# Kit de marca EasyLogs

Arquivos preparados a partir dos dois SVGs enviados. A tipografia e o símbolo permanecem em curvas vetoriais, sem dependência de fonte instalada.

## Cores oficiais

- Grafite: `#27343D`
- Vermelho do wordmark: `#E11E3E`
- Camada superior: `#E93237`
- Camada intermediária: `#B82934`
- Camada inferior: `#841E26`
- Branco: `#FFFFFF`
- Fundo claro sugerido: `#F7FAF9`

Os três tons do símbolo são intencionais e ajudam a comunicar as camadas de registros.

## Estrutura

- `logo/svg`: logo horizontal em vetor.
- `logo/png`: PNG transparente em 600, 1200 e 2400 px de largura.
- `symbol/svg`: símbolo das camadas em vetor.
- `symbol/png`: símbolo transparente em 128, 256, 512 e 1024 px de largura.
- `favicon`: favicon, Apple Touch Icon, Android icons e manifest.
- `social`: imagens Open Graph em 1200 × 630 px.
- `brand`: variáveis de cor em CSS e JSON.
- `preview`: prancha com as principais aplicações.

## Variações do logo

- `primary`: “Easy” grafite e “Log” vermelho, para fundos claros.
- `reverse`: “Easy” branco e “Log” vermelho, para fundos escuros.
- `red`: versão vermelha monocromática.
- `white`: versão totalmente branca.
- `monochrome`: versão totalmente grafite.

## Uso recomendado

- Use SVG sempre que possível em sites e interfaces.
- Use PNG quando a plataforma não aceitar SVG.
- Não distorça, rotacione ou altere as proporções.
- Mantenha uma margem livre de pelo menos 10% da altura do logo.
- Tamanho mínimo recomendado para o logo horizontal: 180 px de largura.
- Tamanho mínimo recomendado para o símbolo: 28 px de largura.

## HTML para favicon

```html
<link rel="icon" href="/favicon/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/favicon/site.webmanifest">
```

## Imagens sociais

Use `social/easylogs-og-light-1200x630.png` em páginas claras e `social/easylogs-og-dark-1200x630.png` em páginas escuras.
