Guia de marca da YouMind

Instalado por
96
CategoriaSlides
DeYouMind

Porque recomendamos esta habilidade

Guia de marca abrangente para identidade visual consistente nas apresentações YouMind, com paletas cromáticas, tipografia, sistemas de layout e elementos desenhados à mão, incluindo ilustrações de personagens com tons azuis específicos. Perfeito para imagem de marca coesa.

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.

Diapositivos

Descrição

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

Habilidades relacionadas

Ver tudo
Slides

Estilo Neo-Brutalista para Devs

Transforme o seu conteúdo temático, artigos, pontos de conhecimento, revisões de projetos, textos de cursos ou apresentações de ferramentas num conjunto de slides horizontais com o 'Estilo Neo-Brutalista para Devs'. O estilo geral combina design neo-brutalista, layout de revista independente e estética de terminal de programador: fundo bege claro, bordas pretas grossas, sombras duras, blocos de cores de alto contraste, títulos extra grossos, fontes mono-espaçadas, layout modular de web/terminal/cartão, criando uma forte sensação de expressão de conteúdo técnico. Esta skill primeiro refina a estrutura do conteúdo, depois determina uma ideia central para cada slide, gerando automaticamente títulos, frases explicativas, módulos de conhecimento, conclusões e componentes visuais adequados. É particularmente adequada para cenários como apresentações de ferramentas de IA, práticas de agentes, decomposição de projetos open-source, organização de conteúdo de cursos, sumarização de metodologias, explicação de funcionalidades de produtos e revisão técnica. O resultado final é um conjunto de slides horizontais 16:9, visualmente coerente, de leitura clara, com espaçamento amplo e estilo marcante, transmitindo um efeito de expressão avançado que parece 'uma partilha técnica de um autor de projeto open-source, ao mesmo tempo que uma revista independente a contar uma história'.

3365
Slides

Steve Jobs Presentation

Baseado na metodologia de três atos de Carmine Gallo em 'The Presentation Secrets of Steve Jobs', transforma qualquer tema numa apresentação ao estilo Steve Jobs. Adapta-se a vários tipos de entrada, como tópicos simples, esboços detalhados ou material referenciado com @. Primeiro, produz um esboço completo da apresentação (estrutura da história + plano visual página a página + guia de oratória) e, após confirmação, gera o ficheiro final do Slides. Segue rigorosamente: títulos ao estilo Twitter, regra de três, narrativa de vilão-herói, design minimalista zen, imagens em primeiro lugar, sem marcadores.

L
410k
Slides

ProDesigner Estética PPT Pixel

Quem define que um PPT profissional tem que ser fundo branco, texto preto, cores azul-cinza e modelos monótonos? Se gosta de jogos, adora o estilo pixel e precisa de fazer uma defesa, apresentação, partilha de conhecimento ou proposta de marca – então tem de experimentar este. O ProDesigner Estética PPT Pixel faz algo simples: o esqueleto é fiel ao profissional, a pele é fiel ao pixel. Não é para criar um 'PPT criativo em estilo pixel', mas sim um PPT sério que pode ser usado em qualquer ocasião profissional – apenas este PPT está vestido com uma camada estética de jogos pixel de 16 bits. Filosofia central de design: separação entre esqueleto e pele. A arquitetura de informação, o fluxo visual e os modelos de página são fiéis às normas profissionais do cenário; as cores, bordas, ícones e decorações são fiéis à estética universal de jogos pixel. O texto nunca é pixelizado, garantindo legibilidade em 0,8 segundos; os elementos pixel aparecem apenas em fundos, bordas, ícones e decorações de ambiente. Não são usados símbolos exclusivos de nenhum jogo específico, apenas símbolos universais entre jogos – velas, livros, moedas, estrelas, corações, cristais – para que todos os que gostam de pixel possam usar. 🎮 Como usar? Dois modos, escolha conforme a necessidade: ① Modo de geração direta (2 passos): Inserir tema/material → AI refina e confirma estrutura → Geração completa. Adequado para situações diárias com pressa e sem grandes exigências de texto. ② Modo detalhado (3 passos, poupa créditos): Inserir tema/material → AI refina e confirma estrutura → Confirmar texto página a página → Geração completa. Primeiro finaliza o texto de cada página, depois gera as imagens de uma vez – evitando desperdício de créditos quando descobre que o texto está errado após gerar as imagens. Use este em ocasiões importantes, controla o conteúdo e poupa. 🏰 Quatro cenários profissionais com profundidade de penetração adaptativa: Defesa académica — principalmente penetração leve, penetração média na capa, âncora de penetração profunda nas páginas de dados. Os avaliadores entendem rapidamente, e ao virar para páginas-chave ficam impressionados. Apresentação de trabalho — penetração leve + penetração média nas páginas de indicadores, páginas de risco não pixelizadas. O chefe vê profissionalismo, os colegas lembram-se do estilo. Partilha de conhecimento — principalmente penetração média + penetração profunda com receita de síntese. Usar 'receita de síntese' para substituir fluxogramas enfadonhos, 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 vai obter? ① Um PPT profissional completo em estilo pixel (formato YouMind Slides, pode continuar a editar texto, ajustar layout, gerir ordem das páginas no editor online – altere quando quiser. Recomenda-se fazer todas as edições no YouMind, depois exportar localmente como formato de imagem) ② Sistema de moldura de três camadas em madeira pixel (círculo externo #5C3A1E + círculo interno #8B5E3C + preenchimento #F5E6D3, linguagem visual uniforme em todo o documento) ③ Infográfico inovador de receita de síntese (grade de ingredientes → círculo de síntese → grade de produto final, substitui fluxogramas tradicionais, âncora visual que jogadores de RPG entendem instantaneamente) ④ Ritmo de penetração adaptativa para quatro cenários (não encher todas as páginas com pixel, mas sim intensificar onde deve) ⑤ Design de modo duplo (geração direta no dia a dia, refinamento cuidadoso em ocasiões importantes, finalizar texto antes de gerar imagens para poupar créditos) 399 créditos, para que o seu conteúdo profissional vista uma armadura de 16 bits. Quem gosta de estilo pixel sabe quanto vale esta armadura.

B
1399

Encontra a tua próxima habilidade favorita

Explora mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.

Explorar todas as habilidades