Guia de marca do YouMind
Selecionado por
nene@YouMind.AI
Por que recomendamos esta habilidade
Esta habilidade oferece um guia de marca abrangente, garantindo uma identidade visual consistente para apresentações do YouMind. Ela detalha minuciosamente paletas de cores, tipografia, sistemas de layout e elementos exclusivos desenhados à mão, incluindo ilustrações de personagens com detalhes específicos 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.
Descrição
Transforme qualquer apresentação com o guia de marca do YouMind. Entregue slides profissionais e alinhados à marca, com tipografia, cores e layout consistentes, cativando seu público sem esforço sempre.
Habilidades relacionadas
Ver tudo
SlidesEditorial Brutalista para Devs
Transforme seu conteúdo temático, artigos, conhecimento, revisões de projetos, textos de cursos ou apresentações de ferramentas em um conjunto de slides horizontais no estilo 'Editorial Brutalista para Desenvolvedores'. O estilo geral combina design brutalista, layout de revista independente e estética de terminal de desenvolvedor: fundo bege claro, bordas pretas grossas, sombras duras, blocos de alto contraste, títulos extra grossos, fontes monoespaçadas, layout modular de web/terminal/cartões, criando uma forte sensação de expressão de conteúdo técnico. Esta habilidade primeiro extrai a estrutura do conteúdo, depois determina um ponto central para cada slide, gerando automaticamente título, frase explicativa, módulos de conhecimento, conclusão e componentes visuais adequados. É particularmente adequada para introdução de ferramentas de IA, práticas de Agent, decomposição de projetos open source, organização de conteúdo de cursos, resumo de metodologias, explicação de funcionalidades de produtos e revisões técnicas. O resultado final são slides horizontais 16:9, com unidade visual, leitura clara, espaçamento adequado e estilo marcante, apresentando um efeito de expressão avançado que parece 'um autor de projeto open source compartilhando tecnologia, e ao mesmo tempo uma revista de design independente contando uma história'.
SlidesSteve Jobs Presentation
Baseado na metodologia de três atos do livro 'The Presentation Secrets of Steve Jobs' de Carmine Gallo, transforma qualquer assunto em uma apresentação no estilo Steve Jobs. Processa de forma adaptativa múltiplos tipos de entrada, como tema puro, esboço detalhado ou materiais com @referências. Primeiro produz um esboço completo da apresentação (estrutura da história + plano visual página por página + orientação de fala) e, após confirmação, gera o arquivo final de Slides. Segue rigorosamente: títulos estilo Twitter, regra de três, narrativa de vilão-herói, design minimalista zen, imagens em primeiro lugar, sem marcadores.
SlidesDesigner Pro PPT Estilo Pixel
Quem disse que um PPT profissional precisa ser com fundo branco, texto preto, cores azul e cinza, e modelos repetitivos? Se você gosta de jogos, ama o estilo pixel e precisa fazer uma defesa, relatório, compartilhamento de conhecimento ou proposta de marca — então você precisa experimentar este. O Designer Pro de PPT Estilo Pixel faz algo simples: o esqueleto é fiel ao profissional, a pele é fiel ao pixel. Não é um 'PPT criativo em estilo pixel', mas sim um PPT sério que pode ser apresentado em qualquer ocasião profissional — só que este PPT veste uma camada estética de jogos pixel de 16-bit. Filosofia central de design: separação entre esqueleto e pele. A arquitetura da informação, fluxo visual e templates de páginas seguem as normas profissionais do cenário; as cores, bordas, ícones e decorações seguem a estética universal de jogos pixel. O texto nunca é pixelizado, garantindo legibilidade em 0,8 segundos; elementos pixel aparecem apenas no fundo, bordas, ícones e decorações de ambiente. Não são usados símbolos exclusivos de jogos específicos, apenas símbolos comuns entre jogos — velas, livros, moedas, estrelas, corações, cristais — para que todos que amam pixel possam usar. 🎮 Como usar? Dois modos, escolha conforme necessário: ① Modo de geração direta (2 etapas): Insira o tema/material → AI extrai e confirma o esboço → Geração completa. Adequado para situações do dia a dia com pressa e sem grande exigência de conteúdo textual. ② Modo detalhado (3 etapas, economiza créditos): Insira o tema/material → AI extrai e confirma o esboço → Confirmação do texto página por página → Geração completa. Primeiro finalize o texto de cada página, depois gere as imagens de uma vez — evita o desperdício de créditos de 'descobrir que o texto está errado depois de gerar as imagens e ter que refazer tudo'. Use este em ocasiões importantes, controla o conteúdo e economiza. 🏰 Quatro cenários profissionais com profundidade de penetração adaptativa: Defesa acadêmica — penetração leve principalmente, média na capa, âncora profunda na página de dados. Os avaliadores entendem de imediato, e ao virar para as páginas-chave, têm uma surpresa agradável. Relatório de trabalho — penetração leve + média nas páginas de indicadores, páginas de risco não pixelizadas. O chefe vê profissionalismo, os colegas lembram do estilo. Compartilhamento de conhecimento — penetração média principalmente + profunda nas 'receitas de síntese'. Use 'receitas de síntese' para substituir fluxogramas chatos, fazendo com que os pontos de conhecimento sejam lembrados como itens de jogo. Proposta de marca — adapta-se à temperatura da marca. Marcas frias moderam o pixel, marcas quentes abraçam o cenário. 🎨 O que você vai obter? ① Um PPT profissional completo em estilo pixel (formato YouMind Slides, no editor online você pode continuar editando texto, ajustar layout, gerenciar ordem das páginas — pode alterar a qualquer momento se não estiver satisfeito. Recomenda-se fazer todas as edições dentro do YouMind, ao exportar localmente fica em formato de imagem) ② Sistema de borda tripla de madeira pixel (círculo externo #5C3A1E + círculo interno #8B5E3C + preenchimento #F5E6D3, linguagem visual unificada em todo o documento) ③ Infográfico exclusivo de receita de síntese (grade de ingredientes → círculo de síntese → grade de produto final, substituindo fluxogramas tradicionais, um ponto de ancoragem visual que jogadores de RPG entendem instantaneamente) ④ Ritmo de penetração adaptativa para quatro cenários (não é encher cada página de pixel, mas sim intensificar onde deve, suavizar onde deve) ⑤ Design de modo duplo (geração direta no dia a dia, refinamento cuidadoso em ocasiões importantes, finalize o texto primeiro e depois gere as imagens para economizar créditos) 399 créditos para vestir seu conteúdo profissional com uma armadura de 16-bit. Quem ama estilo pixel sabe quanto vale essa armadura.
Guia de marca do YouMind
Selecionado por
nene@YouMind.AI
Por que recomendamos esta habilidade
Esta habilidade oferece um guia de marca abrangente, garantindo uma identidade visual consistente para apresentações do YouMind. Ela detalha minuciosamente paletas de cores, tipografia, sistemas de layout e elementos exclusivos desenhados à mão, incluindo ilustrações de personagens com detalhes específicos 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.
Descrição
Transforme qualquer apresentação com o guia de marca do YouMind. Entregue slides profissionais e alinhados à marca, com tipografia, cores e layout consistentes, cativando seu público sem esforço sempre.
Habilidades relacionadas
Ver tudoSlidesEditorial Brutalista para Devs
Transforme seu conteúdo temático, artigos, conhecimento, revisões de projetos, textos de cursos ou apresentações de ferramentas em um conjunto de slides horizontais no estilo 'Editorial Brutalista para Desenvolvedores'. O estilo geral combina design brutalista, layout de revista independente e estética de terminal de desenvolvedor: fundo bege claro, bordas pretas grossas, sombras duras, blocos de alto contraste, títulos extra grossos, fontes monoespaçadas, layout modular de web/terminal/cartões, criando uma forte sensação de expressão de conteúdo técnico. Esta habilidade primeiro extrai a estrutura do conteúdo, depois determina um ponto central para cada slide, gerando automaticamente título, frase explicativa, módulos de conhecimento, conclusão e componentes visuais adequados. É particularmente adequada para introdução de ferramentas de IA, práticas de Agent, decomposição de projetos open source, organização de conteúdo de cursos, resumo de metodologias, explicação de funcionalidades de produtos e revisões técnicas. O resultado final são slides horizontais 16:9, com unidade visual, leitura clara, espaçamento adequado e estilo marcante, apresentando um efeito de expressão avançado que parece 'um autor de projeto open source compartilhando tecnologia, e ao mesmo tempo uma revista de design independente contando uma história'.
SlidesSteve Jobs Presentation
Baseado na metodologia de três atos do livro 'The Presentation Secrets of Steve Jobs' de Carmine Gallo, transforma qualquer assunto em uma apresentação no estilo Steve Jobs. Processa de forma adaptativa múltiplos tipos de entrada, como tema puro, esboço detalhado ou materiais com @referências. Primeiro produz um esboço completo da apresentação (estrutura da história + plano visual página por página + orientação de fala) e, após confirmação, gera o arquivo final de Slides. Segue rigorosamente: títulos estilo Twitter, regra de três, narrativa de vilão-herói, design minimalista zen, imagens em primeiro lugar, sem marcadores.
SlidesDesigner Pro PPT Estilo Pixel
Quem disse que um PPT profissional precisa ser com fundo branco, texto preto, cores azul e cinza, e modelos repetitivos? Se você gosta de jogos, ama o estilo pixel e precisa fazer uma defesa, relatório, compartilhamento de conhecimento ou proposta de marca — então você precisa experimentar este. O Designer Pro de PPT Estilo Pixel faz algo simples: o esqueleto é fiel ao profissional, a pele é fiel ao pixel. Não é um 'PPT criativo em estilo pixel', mas sim um PPT sério que pode ser apresentado em qualquer ocasião profissional — só que este PPT veste uma camada estética de jogos pixel de 16-bit. Filosofia central de design: separação entre esqueleto e pele. A arquitetura da informação, fluxo visual e templates de páginas seguem as normas profissionais do cenário; as cores, bordas, ícones e decorações seguem a estética universal de jogos pixel. O texto nunca é pixelizado, garantindo legibilidade em 0,8 segundos; elementos pixel aparecem apenas no fundo, bordas, ícones e decorações de ambiente. Não são usados símbolos exclusivos de jogos específicos, apenas símbolos comuns entre jogos — velas, livros, moedas, estrelas, corações, cristais — para que todos que amam pixel possam usar. 🎮 Como usar? Dois modos, escolha conforme necessário: ① Modo de geração direta (2 etapas): Insira o tema/material → AI extrai e confirma o esboço → Geração completa. Adequado para situações do dia a dia com pressa e sem grande exigência de conteúdo textual. ② Modo detalhado (3 etapas, economiza créditos): Insira o tema/material → AI extrai e confirma o esboço → Confirmação do texto página por página → Geração completa. Primeiro finalize o texto de cada página, depois gere as imagens de uma vez — evita o desperdício de créditos de 'descobrir que o texto está errado depois de gerar as imagens e ter que refazer tudo'. Use este em ocasiões importantes, controla o conteúdo e economiza. 🏰 Quatro cenários profissionais com profundidade de penetração adaptativa: Defesa acadêmica — penetração leve principalmente, média na capa, âncora profunda na página de dados. Os avaliadores entendem de imediato, e ao virar para as páginas-chave, têm uma surpresa agradável. Relatório de trabalho — penetração leve + média nas páginas de indicadores, páginas de risco não pixelizadas. O chefe vê profissionalismo, os colegas lembram do estilo. Compartilhamento de conhecimento — penetração média principalmente + profunda nas 'receitas de síntese'. Use 'receitas de síntese' para substituir fluxogramas chatos, fazendo com que os pontos de conhecimento sejam lembrados como itens de jogo. Proposta de marca — adapta-se à temperatura da marca. Marcas frias moderam o pixel, marcas quentes abraçam o cenário. 🎨 O que você vai obter? ① Um PPT profissional completo em estilo pixel (formato YouMind Slides, no editor online você pode continuar editando texto, ajustar layout, gerenciar ordem das páginas — pode alterar a qualquer momento se não estiver satisfeito. Recomenda-se fazer todas as edições dentro do YouMind, ao exportar localmente fica em formato de imagem) ② Sistema de borda tripla de madeira pixel (círculo externo #5C3A1E + círculo interno #8B5E3C + preenchimento #F5E6D3, linguagem visual unificada em todo o documento) ③ Infográfico exclusivo de receita de síntese (grade de ingredientes → círculo de síntese → grade de produto final, substituindo fluxogramas tradicionais, um ponto de ancoragem visual que jogadores de RPG entendem instantaneamente) ④ Ritmo de penetração adaptativa para quatro cenários (não é encher cada página de pixel, mas sim intensificar onde deve, suavizar onde deve) ⑤ Design de modo duplo (geração direta no dia a dia, refinamento cuidadoso em ocasiões importantes, finalize o texto primeiro e depois gere as imagens para economizar créditos) 399 créditos para vestir seu conteúdo profissional com uma armadura de 16-bit. Quem ama estilo pixel sabe quanto vale essa armadura.
Encontre sua próxima habilidade favorita
Explore mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.