# Design de pitch deck: um visual que aguenta vinte slides [Canonical HTML page](https://gradiently.design/pt-pt/guide/pitch-deck-design) A maioria dos decks fica bem durante três slides e desfaz-se ao oitavo. A solução é um sistema: um punhado de tipos de slide, cada um com um fundo que sabe o que lhe compete. ## The short version - Um bom design de pitch deck nasce de um sistema de quatro a seis tipos de slide e não de desenhar vinte slides um a um. - Os fundos devem ser mais fortes nos slides de título e de secção e mais discretos nos de conteúdo e de dados, onde têm de recuar para trás da informação. - Uma escala tipográfica, uma grelha e uma cor de acento usadas da mesma maneira em todos os slides fazem um deck parecer desenhado. - As cores dos gráficos devem vir da paleta da marca, com o acento reservado para o único número ou barra que prova o argumento. - Os decks fazem-se normalmente a 16:9, 1920×1080, e verificam-se em PDF, porque é assim que muitos investidores os vão ler. Um bom **design de pitch deck** é um sistema e não vinte designs separados. Decide quatro a seis tipos de slide, como título, secção, conteúdo, dados, citação e fecho, dá a cada um uma composição fixa e um fundo com a força certa, e depois constrói todos os slides a partir desses tipos. O resultado fica coerente do primeiro ao último slide, edita-se mais depressa 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 panorâmico com a frase Salários que se processam sozinhos sobre um fundo em gradiente rico O slide de título: o fundo na força máxima… Um slide de dados panorâmico com um número grande sobre uma versão mais calma do mesmo gradiente …e um slide de dados, onde o mesmo fundo dá um passo atrás. A empresa, os números e os textos destes slides são ilustrações, não dados reais. Os princípios aplicam-se seja qual for a tua história. ## Tamanhos de slide para pitch decks - 16:9, 1920×1080: 1920 × 1080 - 4:3, 1600×1200: 1600 × 1200 Trabalha a 16:9, a não ser que saibas que o deck vai ser mostrado num ecrã 4:3 mais antigo. Quase todos os ecrãs, projetores e videochamadas são panorâmicos, por isso 16:9 a 1920×1080 é a escolha por omissão. Um deck 4:3 a 1600×1200 deixa barras pretas na maioria dos ecrãs. Escolhe um no início: converter mais tarde significa voltar a compor todos os slides. ## Os tipos de slide que fazem o sistema de um deck | Tipo de slide | Função | Força do fundo | | --- | --- | --- | | Título | Nome, promessa numa linha, ronda ou data | Total: a marca no seu registo mais forte | | Secção | Assinala um novo capítulo: problema, produto, mercado | Total ou forte, com uma palavra ou expressão | | Conteúdo | Uma ideia com um título e poucas linhas | Discreto: uma zona calma por trás do texto | | Dados | Um gráfico ou um número grande | O mais discreto: quase liso, para o gráfico liderar | | Citação ou equipa | Uma frase de um cliente, caras e funções | Médio | | Fecho | O pedido e os contactos | Total, em eco do título | Seis tipos de slide cobrem quase todos os decks. Os fundos ficam mais discretos à medida que a informação fica mais densa. Este ritmo, forte nas pontas de cada secção e calmo no meio, dá pulsação ao deck. Quem vê sente o início de um novo capítulo sem que lho digam, e os slides densos continuam fáceis de ler. [Hierarquia visual](https://gradiently.design/pt-pt/guide/visual-hierarchy) explica porque é que um ponto focal claro por slide importa tanto. ## Fundos que recuam para trás do conteúdo Um fundo que luta com as palavras é o erro mais comum num deck. A solução é usar uma família de fundos em forças diferentes: cor plena no título e depois uma variação mais escura ou mais suave nos slides de conteúdo, com a região mais calma por trás do texto. Mantém as mesmas cores do princípio ao fim, para que os slides mais discretos continuem a parecer parte do mesmo deck. [Fundos para apresentações](https://gradiently.design/pt-pt/guide/presentation-backgrounds) tem mais ideias para os fundos em si. - Título e secção: total: `linear-gradient(135deg, #0b1d3a, #1d4ed8 55%, #38bdf8)` - Citação e equipa: médio: `linear-gradient(135deg, #0b1d3a, #13306b 60%, #1e3a8a)` - Conteúdo e dados: discreto: `linear-gradient(180deg, #0b1d3a, #0f2547)` Uma família do azul-marinho ao azul-céu em três forças. A versão discreta continua a pertencer ao conjunto, mas não vai competir com um gráfico. Na Gradiently isto vem incluído: um Mark sabe onde estão as palavras, leva a sua região mais calma e de melhor contraste para trás do texto e acalma o pormenor agitado junto às letras, por isso os slides de conteúdo ficam legíveis sem um fundo à parte. ## Regras de letra, grelha e cor para um deck 1. **Define uma escala tipográfica** Escolhe três tamanhos e não saias deles: um para títulos, um para texto corrido e um pequeno para fontes e notas de rodapé. Num slide de 1920×1080, texto corrido muito abaixo de 28px torna-se difícil de ler num ecrã partilhado. 2. **Fixa as margens** Usa a mesma margem exterior em todos os slides e alinha os títulos na mesma posição. Quando um título salta de sítio 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 queres que fique na memória. 4. **Uma cor de acento, usada para uma só coisa** Reserva a cor mais viva para os destaques: o número essencial, a barra que importa, o pedido. Se tudo está destacado, nada está. 5. **Duas fontes, no máximo** Uma fonte de destaque para os títulos e uma sem serifas clara para tudo o resto. [Combinação de fontes](https://gradiently.design/pt-pt/guide/font-pairing) mostra pares que funcionam. ## Design de gráficos e de slides de dados É nos gráficos que os decks perdem o seu visual, porque as ferramentas de gráficos trazem as suas próprias cores por omissão. Substitui-as por uma paleta construída a partir da família de fundos do deck: tons esbatidos para as séries de contexto e o acento para a que prova o teu argumento. Tira as linhas de grelha de que não precisas, escreve os valores diretamente em vez de usares uma legenda e dá a cada gráfico um título que enuncie a conclusão. - Base azul-marinho: #0b1d3a - Azul profundo: #1e3a8a - Ardósia de contexto: #64748b - Névoa de contexto: #cbd5e1 - Acento azul-céu: #38bdf8 Uma paleta de gráficos tirada do deck: séries de contexto em ardósia e névoa, o acento guardado para o número que importa. ### Evita - Um fundo diferente em cada slide - Fundos agitados e vivos por trás de gráficos - As cores de gráfico por omissão da folha de cálculo - Títulos que só nomeiam o tema - Texto pequeno que desaparece num ecrã partilhado ### Faz - Uma família de fundos em três forças - Fundos quase lisos nos slides de dados - Cores de gráfico tiradas da paleta da marca - Títulos que enunciam a conclusão - Texto corrido de cerca de 28px ou mais a 1920×1080 ## Exportar e partilhar o deck Muita gente vai ler o teu deck em PDF num portátil ou num telemóvel em vez de o ver apresentado, por isso verifica o PDF exportado e não só os slides no editor. Confirma que as fontes estão incorporadas ou o texto convertido, que os gradientes não ganharam bandas e que cada slide continua a fazer sentido sem a tua voz por cima. Se o deck abrir com uma pré-visualização de ligação, uma boa [imagem Open Graph](https://gradiently.design/pt-pt/guide/open-graph-image-size) a 1200×630 feita a partir do slide de título também ajuda. Por fim, escreve o sistema: tipos de slide, cores, fontes e tamanhos. Isso transforma o próximo deck, e cada atualização deste, em montagem e não em design, e é a semente de um [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide). ## FAQ ### Que tamanho deve ter um pitch deck? Faz o deck a 16:9, 1920×1080 píxeis. Serve nos ecrãs modernos, projetores e videochamadas sem barras pretas. ### Quantas fontes deve usar um pitch deck? Duas, no máximo: uma para títulos e uma para texto corrido, com três tamanhos fixos usados de forma coerente. ### Os slides de um pitch deck devem ter fundos agitados? Só os slides de título, de secção e de fecho. Os de conteúdo e de dados precisam de fundos discretos para que a informação lidere. ### Como mantenho um pitch deck coerente? Desenha quatro a seis tipos de slide com composições e fundos fixos e depois constrói todos os slides a partir deles, em vez de desenhares cada um à parte. ### Que cores devem usar os gráficos de um deck? Cores da paleta do próprio deck: tons esbatidos para o contexto e uma única cor de acento para o dado que sustenta o argumento.