## Paleta de Cores

### Cores Primárias

**Fundo**

- Cor: `#f2f2f0`

Descrição: Branco neutro claro, limpo e minimalista.

- Utilização: Todos os fundos de slides, sem exceção.

**Texto e linhas principais**

- Cor: `#2B2B2B` ou `#1A1A1A`

- Descrição: Cinza muito escuro, quase preto

- Utilização: Todo o conteúdo de texto, linhas divisórias de cabeçalho, contornos geométricos, contornos de caracteres

### Cores de destaque

**Azul vibrante**

- Cor: `#5B7FFF` (alternativa: `#4D6FE8`)

- Descrição: Azul médio-brilhante com energia

- Utilização: Nós circulares em formas geométricas, roupas/cachecóis de personagens, preenchimento de botões, pontos decorativos

**Dourado Suave**

- Cor: `#C9B568` (alternativa: `#D4C17A`)

- Descrição: Tom quente de mostarda/dourado

- Utilização: Nós circulares em formas geométricas (alternando com azul), detalhes decorativos

### Regras de Aplicação de Cores

- O plano de fundo é SEMPRE `#E8E6E3`

- O texto é SEMPRE `#2B2B2B`

- Azul e dourado são usados ​​APENAS para nós circulares e detalhes de caracteres.

- Nunca use azul ou dourado como cores grandes para blocos ou texto.

- Mantenha um alto contraste entre o texto e o fundo.

## Sistema Tipográfico

### Famílias de fontes

**Fonte principal de exibição: Roca Two (ou similar com serifa robusta)**

- Características: Serifada ousada e amigável com características arredondadas.

- Peso: Grosso/Intenso

- Utilização: Todos os títulos de slides, títulos principais e títulos de seção.

- Manter a mesma fonte

**Fonte secundária para o corpo do texto: Poppins (ou Inter)**

- Características: Fonte sans-serif limpa e moderna com excelente legibilidade.

- Peso: Regular (400) para o corpo, Médio (500) para ênfase

- Utilização: Todo o texto principal, subtítulos, legendas, números de página, texto do logotipo

- manter a mesma fonte

### Hierarquia de Tamanho de Fonte

**Títulos Extra Grandes** (Capas, divisórias de seção principais)

- Fonte: **Roca Two**

- Tamanho: 72-96pt

- Cor: `#2B2B2B`

- Uso: "Título Principal", "Agradecimentos", "Agenda"

**Títulos Grandes** (Títulos dos slides de conteúdo)

- Fonte: **Roca Two**

- Tamanho: 48-60pt

- Cor: `#2B2B2B`

- Uso: "Nossa Visão", "Posicionamento da Marca", "Qual é o seu foco?"

**Corpo do texto** (Parágrafos, descrições)

- Fonte: Poppins Regular

- Tamanho: 18-24pt

- Cor: `#2B2B2B`

- Altura da linha: 1,6-1,8

- Uso: Todo o conteúdo dos parágrafos, descrições

**Texto pequeno** (Números de página, rodapé, legendas)

- Fonte: Poppins Regular

- Tamanho: 16-18pt

- Cor: `#2B2B2B`

- Utilização: "Página X", URLs de sites, endereços de e-mail

**Texto do botão/pílula**

- Fonte: Poppins Regular ou Medium

- Tamanho: 20-24 pontos

- Cor: `#2B2B2B`

- Uso: Texto dentro de botões arredondados em forma de pílula

### Regras de Tipografia

- Nunca misture fontes serifadas - use apenas **Roca Two** para exibição.

- Nunca use serifas para o corpo do texto - apenas Poppins.

- Mantenha uma altura de linha consistente (1,6-1,8) para facilitar a leitura.

- Todo o texto deve ser `#2B2B2B` - sem exceções.

- Espaçamento generoso entre parágrafos (24-32 pontos)

## Sistema de Layout

### Estrutura do cabeçalho global

**Apenas a imagem de capa (Página 1):**

**Elemento do cabeçalho esquerdo:**

- Logotipo

- Tamanho: 32-40 pontos de diâmetro

- Cor: Contorno preto `#2B2B2B`

- Posição: 60-80px da borda esquerda, 60-80px do topo

- Espaçamento: 12-16px entre o logotipo e o texto

**Elemento do cabeçalho direito:**

- Fonte: Poppins Regular, 16-18pt

- Cor: `#2B2B2B`

- Posição: 60-80px da borda direita, 60-80px do topo

- Alinhamento: Alinhado à direita

**Divisor de cabeçalho:**

- Linha horizontal fina

- Peso: 1-2 pontos

- Cor: `#2B2B2B`

- Posição: Abaixo dos elementos do cabeçalho, ocupando toda a largura com margens.

- Margem das bordas: 60-80px à esquerda e à direita

**Slides de conteúdo (páginas 2 a 4) e slide de encerramento (página 5):**

- Sem o logotipo YouMind

- Somente o texto "Página X"

- Posição: Canto superior direito, centro inferior ou outro local discreto.

- Sem linha divisória de cabeçalho

- Mais espaço vertical disponível para conteúdo

### Sistema de Margem

**Margens padrão:**

- Parte superior: 60-80px (abaixo do divisor do cabeçalho, adicione mais 40-60px)

- Parte inferior: 60-80px

- Esquerda: 80-100px

- Direita: 80-100px

**Área de conteúdo:**

- Após considerar o cabeçalho e as margens, a área de conteúdo tem aproximadamente 1200-1280px de largura × 600-680px de altura (para proporção 16:9 em 1920×1080).

## Elementos Visuais

### Formas Geométricas Desenhadas à Mão

**Design Essencial:**

- Estilo: Retângulos e quadrados imperfeitos, desenhados à mão.

- Espessura da linha: 2-3 pontos

- Cor: Preto `#2B2B2B`

- Qualidade: Orgânica, com linhas ligeiramente irregulares (não perfeitamente retas)

- Conexão: Linhas que ligam formas em vários ângulos

**Nós circulares:**

- Formato: Círculos perfeitos

- Tamanho: 24-40 pontos de diâmetro

- Preenchimento: Cor sólida - `#5B7FFF` (azul) ou `#C9B568` (dourado)

- Posição: Nos pontos de conexão e cantos das formas geométricas.

- Estampa: Alternar azul e dourado para dar variedade.

**Regras de Colocação:**

- Posicione nos cantos dos slides (superior esquerdo, superior direito, inferior esquerdo, inferior direito)

- Nunca sobreponha o conteúdo do texto.

- Mantenha uma distância de 40 a 60 pixels das áreas de conteúdo.

- Criar equilíbrio visual - se o lado esquerdo tiver formas, o lado direito também deve ter.

- Arranjo típico: 2 a 4 retângulos conectados com 3 a 6 nós circulares

### Botões de comprimido arredondados

**Especificações do projeto:**

- Formato: Retângulo arredondado (formato de pílula)

- Borda: preta sólida de 2pt `#2B2B2B`

- Preenchimento: Transparente ou `#E8E6E3` (igual ao fundo)

- Raio da borda: Raio de altura total (pílula perfeita)

- Espaçamento interno: 16-24px horizontal, 12-16px vertical

- Texto: Poppins Regular, 20-24pt, `#2B2B2B`

**Uso:**

- Elementos de navegação nos slides da Agenda

- Botões de chamada para ação

- Rótulos de seção

- Sempre contornado, nunca preenchido com cor.

**Estado de foco/ativo (se interativo):**

- Preenchimento: `#5B7FFF` (azul)

- Texto: Branco `#FFFFFF`

- Borda: `#5B7FFF`

### Grades de Pontos Decorativas

**Especificações:**

- Pontos: Pequenos círculos, com 3 a 4 pontos de diâmetro

- Cor: `#2B2B2B`

- Padrão: Grade regular, espaçamento de 12 a 16 pixels

- Disposição: grade 6×6 ou 8×8

- Posição: Canto superior direito, a 100-150px das bordas

- Uso: Detalhe opcional, adiciona interesse visual sem sobrecarregar o visual.

### Ícones (Uso Mínimo)

**Estilo:**

- Somente desenho de linhas, sem preenchimento.

- Peso: 2-3 pontos

- Cor: `#2B2B2B`

- Tamanho: 48-64pt

- Exemplos: Ícone de olho (visão), alvo/mira (missão)

- Utilização: Com moderação, apenas para reforçar conceitos específicos.

## Sistema de Ilustração de Personagens

### Especificações de Design de Personagens

**Estrutura básica:**

- Uma ilustração minimalista, desenhada à mão, de um personagem humanoide simples e branco. O personagem tem uma cabeça arredondada e alongada, dois pequenos pontos pretos para os olhos e um nariz pontudo proeminente. Não possui dedos das mãos ou dos pés definidos. Ele usa um cachecol grosso, longo e azul sólido [opcional: substituir por 'cachecol dourado mostarda'] enrolado no pescoço, com a ponta pendendo para baixo. O estilo da arte utiliza contornos grossos e texturizados em marcador preto e cores planas, sem sombreamento, sobre um fundo branco liso. O personagem é [o que se encaixar no contexto].

**Acento Azul (CRÍTICO):**

- Elemento: Cachecol, camisa ou peça de roupa

- Cor: `#5B7FFF` (azul vibrante)

- Estilo: Formas orgânicas fluidas desenhadas à mão

- Cobertura: 15-25% dos caracteres

- Objetivo: Identidade da marca, interesse visual, movimento

**Consistência de estilo:**

- Qualidade sempre desenhada à mão (linhas orgânicas e imperfeitas)

- Inclua sempre um elemento de destaque em azul.

- Manter a mesma espessura de linha em todos os caracteres.

- Mantenha as proporções consistentes em todas as poses

### Diretrizes para Ilustração Minimalista

**Simplicidade em primeiro lugar:**

Mantenha todas as ilustrações extremamente simples e minimalistas.

- A altura dos caracteres NÃO deve exceder 120 pontos (aproximadamente 10-12% da altura do slide).

- Os elementos geométricos devem ser pequenos e restritos aos cantos.

- A área total ocupada pela ilustração deve ser inferior a 15% da área do slide.

- Evite desenhos complexos ou detalhados.

**Espaço e espaço para respirar:**

- Mantenha um amplo espaço em branco em todo o slide.

- O texto deve ocupar apenas 50-55% da área de conteúdo (normalmente o lado esquerdo).

- O lado direito deve permanecer praticamente vazio para permitir uma respiração visual.

- Margens amplas em todos os lados: mínimo de 100px, preferencialmente entre 100 e 120px

- Ilustrações confinadas ao canto inferior direito, a pelo menos 100px das bordas.

**Equilíbrio do layout:**

- O centro da lâmina deve estar limpo e vazio.

- Evite acumular objetos ou ocupar todo o espaço disponível.

- Utilize o espaço em branco estrategicamente para criar foco e clareza.

- Menos é mais: remova elementos visuais desnecessários.

- Priorize a legibilidade e o espaço em detrimento da decoração.