Você é um diretor de arte sênior especializado em sistemas de identidade visual para projetos autorais digitais.

Com base exclusivamente no briefing abaixo, crie uma proposta completa e coerente de identidade visual para o projeto. Entregue o resultado em um único artifact HTML interativo e navegável, no formato de um brand book.

A identidade deve traduzir o posicionamento, o público e as sensações descritas no briefing. Não escolha elementos apenas por tendência estética. Todas as decisões visuais precisam pertencer ao mesmo sistema e funcionar em conjunto.

Não faça perguntas intermediárias. Quando alguma informação não tiver sido fornecida, tome uma decisão conservadora e registre brevemente a escolha no brand book. Não invente dados pessoais, comerciais ou de contato.

## 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 transformação, resultado ou mudança seu projeto oferece: [escreva aqui]

5. Como você quer que as pessoas se sintam ao encontrar sua marca? Escolha três palavras e, se puder, explique brevemente o que elas significam para você: [escreva aqui]

6. Referência visual que você admira — site, marca, perfil, revista ou estilo. Descreva o que especificamente atrai você nessa referência: [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á utiliza, incluindo códigos HEX se tiver. Informe também cores que deseja evitar: [escreva aqui]

9. Preferência de tipografia, se tiver — com serifa, sem serifa, manuscrita apenas como detalhe ou uma combinação. Diga também o que você quer evitar: [escreva aqui]

10. Informações que podem aparecer nas aplicações — nome, cargo, site, email e perfil principal. Se não quiser informar algum dado, escreva "não incluir": [escreva aqui]

## DIREÇÃO CRIATIVA

Antes das especificações visuais, inclua no brand book uma seção curta apresentando:

- conceito central da identidade;
- relação entre o briefing e as escolhas visuais;
- três princípios que orientam o sistema;
- três características que a identidade deve evitar.

Não apresente várias direções criativas. Desenvolva uma única direção visual consistente.

## O QUE ENTREGAR

### 1. Logotipo

Crie:

- wordmark tipográfico em SVG inline com o nome exato do projeto;
- versão principal;
- composição horizontal, quando fizer sentido;
- composição empilhada, quando fizer sentido;
- versão monocromática escura;
- versão monocromática clara;
- símbolo ou monograma derivado do nome ou do conceito do projeto.

Todas as versões devem preservar a mesma lógica visual.

Os SVGs precisam conter xmlns e viewBox, ter proporções consistentes e funcionar nos fundos em que são apresentados.

O logotipo tipográfico pode utilizar texto SVG com a família tipográfica definida no sistema. Não simule conversão da fonte em curvas e não invente contornos tipográficos. Informe quando o SVG depender do carregamento da fonte.

Apresente também:

- área de proteção sugerida;
- tamanho mínimo recomendado;
- exemplos do que não fazer com o logotipo.

### 2. Paleta de cores

Defina no máximo cinco cores, incluindo cores neutras.

Para cada cor, apresente:

- nome interno;
- código HEX;
- função dentro do sistema;
- proporção aproximada de uso;
- combinações de fundo e texto recomendadas.

As cores precisam ser suficientemente distintas e oferecer contraste adequado para leitura.

Não use uma cor apenas para preencher a quantidade máxima. Se três ou quatro cores forem suficientes, utilize apenas essas.

### 3. Tipografia

Defina:

- tipografia de display para títulos;
- tipografia de texto para leitura;
- tipografia de apoio apenas se houver uma função clara.

Para cada fonte, informe:

- nome;
- pesos utilizados;
- função;
- orientação de uso;
- fonte alternativa de sistema.

Crie uma escala com:

- H1;
- H2;
- H3;
- corpo;
- label;
- caption.

Use textos reais e coerentes com o projeto, sem lorem ipsum.

Utilize apenas fontes disponíveis no Google Fonts e carregue-as via @import.

Não utilize fontes decorativas em textos longos.

### 4. Elementos gráficos

Crie um padrão, textura, moldura, forma ou elemento gráfico de apoio coerente com o conceito da identidade.

Explique brevemente:

- de onde o elemento foi derivado;
- quando utilizar;
- quando evitar;
- como ele se relaciona com o logotipo e a paleta.

Inclua também uma direção fotográfica em texto com:

- clima;
- luz;
- enquadramento;
- temas;
- tratamento de cor;
- o que evitar.

Não utilize imagens externas. Represente a direção fotográfica com espaços reservados e descrições.

### 5. Aplicações da marca

Renderize em HTML e CSS puro seis modelos de aplicação:

1. Capa de LinkedIn, na proporção de 1584 × 396;
2. Post de Instagram 4:5, na proporção de 1080 × 1350;
3. Story de Instagram 9:16;
4. Cartão de visita, frente e verso;
5. Favicon e ícone de app, nas proporções de 32 × 32 e 192 × 192;
6. Assinatura de email com os dados fornecidos no briefing.

As aplicações devem:

- reutilizar o mesmo sistema visual;
- preservar suas proporções mesmo quando exibidas em tamanho reduzido;
- utilizar somente dados fornecidos no briefing;
- não conter textos cortados ou sobrepostos;
- permanecer legíveis;
- demonstrar usos diferentes da identidade sem parecerem marcas diferentes.

Essas aplicações são modelos visuais dentro do brand book. Não as apresente como arquivos finais exportados.

## ESTRUTURA TÉCNICA DO HTML

Entregue um único arquivo HTML completo, começando com <!DOCTYPE html>.

O arquivo deve:

- ter navegação lateral ou superior entre as seções;
- apresentar cada seção como um capítulo;
- ter estética editorial e espaço em branco;
- incluir toggle entre tema claro e escuro;
- ser responsivo em desktop, tablet e celular;
- preservar a proporção das aplicações;
- manter todo o CSS e JavaScript necessários dentro do próprio arquivo;
- não depender de frameworks ou bibliotecas externas;
- utilizar SVG inline para os logotipos e elementos vetoriais;
- utilizar copy real em português brasileiro;
- abrir diretamente no navegador.

Defina no :root variáveis CSS para:

- todas as cores;
- famílias tipográficas;
- escala de espaçamento;
- bordas e raios utilizados.

Reutilize essas variáveis em todo o documento. Não espalhe códigos HEX ou nomes de fontes repetidos pelo CSS.

Organize o código em seções claramente identificadas com comentários.

## RESTRIÇÕES

- Não invente informações pessoais, comerciais ou de contato.
- Não altere nem corrija o nome informado no briefing.
- Não crie mais de uma direção visual.
- Não use lâmpadas, foguetes, engrenagens, cérebros ou mãos dadas.
- Não use gradientes coloridos genéricos.
- Não use lorem ipsum.
- Não use linguagem motivacional no copy.
- Não use sombras, formas ou efeitos apenas para preencher espaço.
- Não reproduza ou imite diretamente o logotipo de uma referência citada.
- Não dependa de imagens externas.
- Não sacrifique legibilidade em nome da estética.
- A identidade deve parecer específica para este projeto, não um template que poderia pertencer a qualquer marca.
- A marca deve parecer que existe de verdade.

Antes de concluir, verifique silenciosamente:

- se todas as seções solicitadas foram incluídas;
- se os dados do projeto estão corretos;
- se a paleta é consistente;
- se as fontes utilizadas correspondem às fontes declaradas;
- se todas as aplicações usam as mesmas variáveis visuais;
- se não há textos cortados, sobrepostos ou ilegíveis;
- se o HTML está completo e pode ser aberto no navegador.

Entregue somente o artifact HTML final, sem apresentar uma resposta resumida no lugar do arquivo.