# Design de pitch deck: um visual que dura vinte slides [Canonical HTML page](https://gradiently.design/pt-br/guide/pitch-deck-design) A maioria dos decks fica bonita por três slides e desmorona no slide oito. A solução é um sistema: um punhado de tipos de slide, cada um com um fundo que sabe qual é o seu papel. ## The short version - Um bom design de pitch deck vem de um sistema de quatro a seis tipos de slide, não de criar vinte slides um por um. - Os fundos devem ser mais fortes nos slides de título e de seção e mais discretos nos slides de conteúdo e de dados, onde precisam recuar atrás da informação. - Uma escala tipográfica, uma grade e uma cor de destaque usadas do mesmo jeito em todos os slides fazem o deck parecer projetado. - As cores dos gráficos devem vir da paleta da marca, com o destaque reservado para o único número ou barra que prova o argumento. - Os decks costumam ser feitos em 16:9, 1920×1080, e conferidos em PDF, porque é assim que muitos investidores vão ler. Um bom **design de pitch deck** é um sistema, não vinte designs separados. Defina de quatro a seis tipos de slide, como título, seção, conteúdo, dados, citação e encerramento, dê a cada um um layout fixo e um fundo na intensidade certa e monte todos os slides a partir desses tipos. O resultado fica consistente do primeiro ao último slide, é mais rápido de editar quando os números mudam e mantém a atenção na história, e não na decoração. Um slide de título widescreen com a frase A folha de pagamento que roda sozinha sobre um fundo gradiente intenso O slide de título: o fundo com força total… Um slide de dados widescreen mostrando um número grande sobre uma versão mais calma do mesmo gradiente …e um slide de dados, em que o mesmo fundo dá um passo atrás. A empresa, os números e os textos de exemplo destes slides são ilustrações, não dados reais. Os princípios valem para qualquer história. ## Tamanhos de slide para pitch decks - 16:9, 1920×1080: 1920 × 1080 - 4:3, 1600×1200: 1600 × 1200 Faça em 16:9, a menos que saiba que o deck será exibido em uma tela 4:3 mais antiga. Quase toda tela, projetor e videochamada é widescreen, então 16:9 em 1920×1080 é o padrão. Um deck 4:3 em 1600×1200 deixa barras pretas na maioria das telas. Escolha um no começo: converter depois significa refazer o layout de todos os slides. ## Os tipos de slide que formam o sistema de um deck | Tipo de slide | Função | Intensidade do fundo | | --- | --- | --- | | Título | Nome, promessa em uma linha, rodada ou data | Total: a marca no seu ponto mais ousado | | Seção | Sinaliza um novo capítulo: problema, produto, mercado | Total ou forte, com uma palavra ou frase | | Conteúdo | Uma ideia com um título e algumas linhas | Discreto: uma área calma atrás do texto | | Dados | Um gráfico ou um número grande | O mais discreto: quase chapado, para o gráfico conduzir | | Citação ou equipe | Uma frase de cliente, rostos e cargos | Médio | | Encerramento | O pedido e os contatos | Total, ecoando o título | Seis tipos de slide cobrem quase qualquer deck. Os fundos ficam mais discretos à medida que a informação fica mais densa. Esse ritmo, ousado nas pontas de cada seção e calmo no meio, dá pulso ao deck. Quem assiste sente um novo capítulo começar sem que ninguém avise, e os slides densos continuam fáceis de ler. [Hierarquia visual](https://gradiently.design/pt-br/guide/visual-hierarchy) explica por que um único ponto focal claro por slide importa tanto. ## Fundos que recuam atrás do conteúdo Um fundo que briga com as palavras é o erro mais comum em decks. A solução é usar uma família de fundos em intensidades diferentes: cor total no título e depois uma variação mais escura ou mais suave nos slides de conteúdo, com a região mais calma atrás do texto. Mantenha as mesmas cores do começo ao fim, para que os slides mais discretos ainda pareçam parte do mesmo deck. [Fundos para apresentações](https://gradiently.design/pt-br/guide/presentation-backgrounds) traz mais ideias para os fundos em si. - Título e seção: total: `linear-gradient(135deg, #0b1d3a, #1d4ed8 55%, #38bdf8)` - Citação e equipe: médio: `linear-gradient(135deg, #0b1d3a, #13306b 60%, #1e3a8a)` - Conteúdo e dados: discreto: `linear-gradient(180deg, #0b1d3a, #0f2547)` Uma família de azul-marinho a azul-céu em três intensidades. A versão discreta ainda pertence ao conjunto, mas não vai competir com um gráfico. No Gradiently isso já vem embutido: um Mark sabe onde estão as palavras, leva sua região mais calma e de melhor contraste para trás do texto e relaxa os detalhes carregados perto das letras, então os slides de conteúdo continuam legíveis sem um fundo separado. ## Regras de tipografia, grade e cor para um deck 1. **Defina uma escala tipográfica** Escolha três tamanhos e fique com eles: um de título, um de texto e um pequeno para fontes e notas de rodapé. Em um slide de 1920×1080, texto muito abaixo de 28px fica difícil de ler em uma tela compartilhada. 2. **Fixe as margens** Use a mesma margem externa em todos os slides e alinhe os títulos na mesma posição. Quando um título pula de lugar entre slides, o deck parece instável. 3. **Um título por slide, escrito como a conclusão** “A receita triplicou em seis meses” faz mais do que “Receita”. O título é a frase que você quer que seja lembrada. 4. **Uma cor de destaque, usada para uma coisa só** Reserve a cor mais viva para os destaques: o número-chave, a barra que importa, o pedido. Se tudo está destacado, nada está. 5. **No máximo duas fontes** Uma fonte display para os títulos e uma sem serifa clara para todo o resto. [Combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing) mostra pares que funcionam. ## Design de gráficos e slides de dados É nos gráficos que os decks perdem a identidade, porque as ferramentas de gráficos trazem suas próprias cores padrão. Troque essas cores por uma paleta construída a partir da família de fundos do deck: tons suavizados para as séries de contexto e o destaque para a série que prova seu argumento. Remova as linhas de grade desnecessárias, rotule os valores diretamente em vez de usar legenda e dê a cada gráfico um título que afirme a conclusão. - Base azul-marinho: #0b1d3a - Azul profundo: #1e3a8a - Contexto ardósia: #64748b - Contexto névoa: #cbd5e1 - Destaque azul-céu: #38bdf8 Uma paleta de gráficos tirada do deck: séries de contexto em ardósia e névoa, e o destaque guardado para o número que importa. ### Evite - Um fundo diferente em cada slide - Fundos carregados e vivos atrás de gráficos - Cores padrão de gráfico vindas da planilha - Títulos que só nomeiam o assunto - Texto pequeno que some em uma tela compartilhada ### Faça - Uma família de fundos em três intensidades - Fundos quase chapados nos slides de dados - Cores de gráfico vindas da paleta da marca - Títulos que afirmam a conclusão - Texto de cerca de 28px ou mais em 1920×1080 ## Como exportar e compartilhar o deck Muita gente vai ler seu deck como PDF em um notebook ou celular, em vez de assistir à apresentação, então confira o PDF exportado, não só os slides no editor. Verifique se as fontes estão incorporadas ou se o texto foi convertido, se os gradientes não formaram faixas e se cada slide ainda faz sentido sem você falando por cima. Se o deck abre com uma prévia de link, uma boa [imagem Open Graph](https://gradiently.design/pt-br/guide/open-graph-image-size) em 1200×630, feita a partir do slide de título, também ajuda. Por fim, anote o sistema: tipos de slide, cores, fontes e tamanhos. Isso transforma o próximo deck, e cada atualização deste, em montagem em vez de design, e é a semente de um [guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide). ## FAQ ### Qual deve ser o tamanho de um pitch deck? Faça em 16:9, 1920×1080 pixels. Cabe em telas modernas, projetores e videochamadas sem barras pretas. ### Quantas fontes um pitch deck deve usar? No máximo duas: uma para os títulos e uma para o texto, com três tamanhos fixos usados de forma consistente. ### Os slides de um pitch deck devem ter fundos carregados? Só os slides de título, de seção e de encerramento. Slides de conteúdo e de dados precisam de fundos discretos, para que a informação conduza. ### Como manter um pitch deck consistente? Crie de quatro a seis tipos de slide com layouts e fundos fixos e monte todos os slides a partir deles, em vez de criar cada um separadamente. ### Que cores os gráficos de um deck devem usar? Cores da paleta do próprio deck: tons suavizados para o contexto e uma única cor de destaque para o dado que sustenta o argumento.