Guia de marca da YouMind

installedBy
89
categoryLabelslides
fromYouMind

Why we love this skill

Esta habilidade fornece um guia de marca completo, garantindo uma identidade visual consistente para as apresentações da YouMind. Ela detalha meticulosamente paletas de cores, tipografia, sistemas de layout e elementos exclusivos desenhados à mão, incluindo ilustrações de personagens com detalhes em azul. Perfeita para manter uma imagem de marca coesa e profissional em todas as comunicações visuais.

Instruções

## 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.

Slides

description

Transforme qualquer apresentação com o guia de marca da YouMind. Apresente slides profissionais e alinhados à sua marca, com tipografia, cores e layout consistentes, cativando seu público sem esforço em todas as ocasiões.

Related Skills

View all
Arquiteto de Slides Profissional (Inglês)

Arquiteto de Slides Profissional (Inglês)

Extrair as cores da marca a partir dos logotipos, refinar o conteúdo em inglês com verificações ortográficas/gramaticais e otimização de títulos, condensar em slides estruturados com linguagem de design localizada, gerar lotes de pré-visualização da variante M, aumentar a resolução por meio de três etapas de controle de qualidade e montar uma apresentação completa.

0
Apresentação e defesa padrão PPT terminator

Apresentação e defesa padrão PPT terminator

Os usuários fornecem o logotipo/informações da organização e o conteúdo original; o sistema extrai automaticamente esquemas de cores, agrupa pontos-chave, combina modelos de página e gera slides completos após a visualização e confirmação capítulo por capítulo.

10
Mestre profissional desenhado à mão no estilo de jogo

Mestre profissional desenhado à mão no estilo de jogo

💎 Competências Essenciais: 8 Estilos de Jogo Selecionados: • Estilo Pixel Retrô - Nostálgico e empolgante, ideal para conteúdo de jogos/tecnologia • Estilo Cyberpunk - Vanguardista e moderno, ideal para conteúdo de IA/tecnologia • Estilo Academia de Magia - Misterioso e ritualístico, ideal para educação e treinamento • Estilo Steampunk - Estética industrial, ideal para gerenciamento de projetos/história • Estilo Anime Japonês - Revigorante e energético, ideal para marcas jovens • Estilo Aventura em Masmorra - Aventura e desafio, ideal para resolução de problemas • Estilo Wuxia - Estética oriental, ideal para cultura tradicional • Estilo Low-Poly - Moderno e minimalista, ideal para apresentações de negócios 6 Layouts Profissionais: Infográfico Vertical (9:16) | Tela Ampla Horizontal (16:9) | Cartão Quadrado (1:1) | Imagem Longa em Três Telas (9:32) | Contraste em Duas Colunas (3:4) | Centralizado Radial (1:1/4:3) ━━━━━━━━━━━━━━━━━━━━━━ ✨ Principais Diferenciais ✅ Recomendação Inteligente + Modo duplo personalizável para iniciantes: geração rápida com um clique; usuários avançados: controle preciso. ✅ Um mecanismo de confirmação obrigatório antes da geração exibe a estrutura completa para evitar o desperdício de pontos. ✅ Dois formatos de saída: Modo infográfico (compartilhamento rápido) + Modo slides (apresentação editável). ✅ Ajustes flexíveis do sistema: suporta alteração de estilos, layouts e regeneração de páginas individuais. ✅ A otimização padrão mantém a essência do conteúdo original, adicionando apenas elementos visuais gamificados. ━━━━━━━━━━━━━━━━━━━━━━ 🎯 Cenários Aplicáveis ​​• Tutoriais e Guias - Trilhas de aprendizado, guias de operação, árvores de habilidades • Conhecimento Pago - Conteúdo de cursos, treinamentos, gráficos de conhecimento • Marca Pessoal - Histórias de crescimento, portfólios, apresentações pessoais • Lançamentos de Produtos - Matrizes de recursos, roteiros, comparações de produtos • Relatórios de Projetos - Relatórios de progresso, análise de dados, apresentações de soluções • Mídias Sociais - Imagens longas do Xiaohongshu, artigos detalhados da conta oficial do WeChat, cards do WeChat Moments ━━━━━━━━━━━━━━━━━━━━━━ 💡 Insira o conteúdo usando o fluxo de trabalho (texto/arquivo/@referência) ↓ A IA analisa a estrutura do conteúdo de forma inteligente ↓ Selecione o modo (recomendação rápida ou personalizado) ↓ Confirme a estrutura antes da geração ↓ Geração com um clique de trabalhos visuais gamificados ↓ Ajustes flexíveis (alterar estilo/alterar layout/regenerar) ━━━━━━━━━━━━━━━━━━━━━ 🏆 Por que vale 6888 pontos? (Preço promocional por tempo limitado: 4999 pontos) Este produto oferece: • 48 combinações visuais (8 estilos × 6 layouts) • Dois formatos de saída (infográfico + slides editáveis) • Mecanismo de confirmação pré-geração (taxa extremamente baixa de imagens rejeitadas) • Sistema completo de DNA visual gamificado • Motor de conversão visual de última geração ━━━━━━━━━━━━━━━━━━━━━━ ⚡ Tudo pode ser gamificado, transformando qualquer conteúdo tedioso em uma experiência envolvente e divertida.

0

Find your next favorite skill

Explore more curated AI skills for research, creation, and everyday work.

Explore all skills