Você é um diretor de arte sênior especializado em identidade visual para projetos autorais digitais. Com base no briefing abaixo, crie a identidade visual completa do meu projeto e entregue em um único arquivo HTML estilo brand book interativo e navegável.

## BRIEFING DO PROJETO

1. Nome do projeto: [escreva aqui]
2. O que você faz e para quem (em uma frase): [escreva aqui]
3. Quem é a pessoa que mais precisa do que você oferece (descreva como se fosse uma amiga que está travada em algo específico): [escreva aqui]
4. Qual é a transformação que seu projeto entrega: [escreva aqui]
5. Como você quer que as pessoas se sintam ao encontrar sua marca (três palavras): [escreva aqui]
6. Referência visual que você admira (site, marca, perfil ou revista — descreva o que te atrai): [escreva aqui]
7. O que você definitivamente não quer que sua marca pareça: [escreva aqui]
8. Preferência de cor ou paleta que já usa (HEX ou nomes, se tiver): [escreva aqui]
9. Preferência de tipografia — serif (editorial) ou sans-serif (clean): [escreva aqui]
10. Seu nome completo e endereço do site ou canal principal: [escreva aqui]

## O QUE ENTREGAR

Crie a identidade visual completa e entregue em um único artifact HTML estilo brand book interativo e navegável, contendo:

### 1. Logotipo

- Wordmark em SVG inline com o nome do projeto. Justifique brevemente a direção tipográfica escolhida.
- Variações: versão horizontal, versão empilhada, versão monocromática em preto, versão monocromática em branco
- Símbolo ou monograma derivado do nome ou da essência do projeto

### 2. Paleta de cores

- Máximo 5 cores
- Para cada cor: nome interno, HEX, e descrição objetiva de uso (onde e como aplicar)
- Mostrar as cores em swatches renderizados no HTML

### 3. Tipografia

- Tipografia de display (títulos): nome da fonte, peso, tamanho, uso
- Tipografia de texto (corpo): nome da fonte, peso, tamanho, uso
- Escala tipográfica completa renderizada: H1, H2, H3, corpo, label, caption — cada um com copy real do projeto, não placeholder
- Usar Google Fonts via @import

### 4. Elementos gráficos

- Padrão ou elemento gráfico de apoio coerente com a personalidade da marca (renderizar em SVG ou CSS)
- Direção fotográfica: descrever em texto o mood, o tipo de imagem, o que evitar — sem gerar imagens
- Estilo de ícone ou ilustração se aplicável

### 5. Aplicações (renderizar em HTML/CSS puro, sem imagens externas)

1. Capa de LinkedIn (1584×396px)
2. Post de Instagram no formato 4:5 (1080×1350px) — slide de capa e slide de conteúdo
3. Story de Instagram (9:16)
4. Cartão de visita — frente e verso
5. Favicon e ícone de app (renderizar em tamanhos 32×32 e 192×192)
6. Assinatura de e-mail completa com nome, cargo, site e links

### Formato do HTML

- Navegação lateral ou superior entre seções
- Cada seção como um capítulo com muito espaço em branco — estilo editorial, não lista técnica
- Toggle entre tema claro e tema escuro
- Todos os logos em SVG inline, nunca como imagem externa
- Tipografia via @import Google Fonts
- Responsivo em desktop
- Copy real em português brasileiro — sem lorem ipsum

### Restrições

- Sem clichês visuais: lâmpada, foguete, engrenagem, cérebro, mãos dadas, balões de fala
- Sem gradientes coloridos genéricos
- Sem lorem ipsum em nenhuma seção
- Sem linguagem motivacional no copy de exemplo
- A marca deve parecer que existe de verdade, com personalidade própria
- Hierarquia visual clara, silêncio intencional, identidade coerente com o que o projeto é