# Pitch deck-design: en look som håller i tjugo slides [Canonical HTML page](https://gradiently.design/sv/guide/pitch-deck-design) De flesta presentationer ser bra ut på tre slides och rasar vid den åttonde. Lösningen är ett system: en handfull sidtyper, var och en med en bakgrund som vet sitt jobb. ## The short version - Bra pitch deck-design kommer från ett system med fyra till sex sidtyper, inte från att man formger tjugo slides var för sig. - Bakgrunderna ska vara starkast på titel- och avsnittssidor och tystast på innehålls- och datasidor, där de måste backa bakom informationen. - En typskala, ett rutnät och en accentfärg som används på samma sätt på varje slide får en presentation att kännas designad. - Diagramfärger ska komma från varumärkets palett, och accenten sparas till den enda siffra eller stapel som driver argumentet. - Presentationer byggs oftast i 16:9, 1920×1080, och kontrolleras som PDF eftersom det är så många investerare kommer att läsa dem. Bra **pitch deck-design** är ett system, inte tjugo separata designer. Bestäm dig för fyra till sex sidtyper, till exempel titel, avsnitt, innehåll, data, citat och avslutning, ge var och en en fast layout och en bakgrund med rätt styrka, och bygg sedan varje slide av dessa typer. Resultatet ser enhetligt ut från första till sista sidan, går snabbare att ändra när siffrorna ändras och håller uppmärksamheten på berättelsen i stället för på dekorationen. En bredbildsslide med rubriken Lön som sköter sig själv på en rik gradientbakgrund Titelsidan: bakgrunden på full styrka … En bredbildsslide med en enda stor siffra på en lugnare version av samma gradient … och en datasida, där samma bakgrund tar ett steg tillbaka. Bolaget, siffrorna och texterna på de här slidesen är exempel, inte verkliga data. Principerna gäller oavsett vilken berättelse du har. ## Sidstorlekar för pitch decks - 16:9, 1920×1080: 1920 × 1080 - 4:3, 1600×1200: 1600 × 1200 Bygg i 16:9 om du inte vet att presentationen ska visas på en äldre 4:3-skärm. Nästan alla skärmar, projektorer och videomöten är bredbild, så 16:9 i 1920×1080 är standardvalet. En 4:3-presentation i 1600×1200 ger svarta kanter på de flesta skärmar. Välj ett format redan från början: att konvertera senare betyder att du måste lägga om varje slide. ## Sidtyperna som gör en presentation till ett system | Sidtyp | Uppgift | Bakgrundens styrka | | --- | --- | --- | | Titel | Namn, löfte på en rad, runda eller datum | Full: varumärket på sitt djärvaste | | Avsnitt | Markerar ett nytt kapitel: problem, produkt, marknad | Full eller stark, med ett ord eller en fras | | Innehåll | En idé med en rubrik och några rader | Tyst: en lugn yta bakom texten | | Data | Ett diagram eller en stor siffra | Tystast: nästan platt så att diagrammet leder | | Citat eller team | Ett kundcitat, ansikten och roller | Medel | | Avslutning | Vad du ber om och kontaktuppgifter | Full, som ett eko av titeln | Sex sidtyper täcker nästan alla presentationer. Bakgrunderna blir tystare ju tätare informationen blir. Den här rytmen, djärv i början och slutet av varje avsnitt och lugn i mitten, ger presentationen en puls. Publiken märker att ett nytt kapitel börjar utan att någon säger det, och de täta sidorna förblir lätta att läsa. [Visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) förklarar varför en tydlig blickpunkt per slide betyder så mycket. ## Bakgrunder som backar bakom innehållet En bakgrund som slåss med orden är det vanligaste misstaget i presentationer. Lösningen är att använda en bakgrundsfamilj i olika styrkor: full färg på titelsidan, sedan en mörkare eller mjukare variant för innehållssidor, med den lugnaste ytan bakom texten. Behåll samma färger genom hela presentationen så att de tystare sidorna fortfarande känns som en del av samma helhet. [Presentationsbakgrunder](https://gradiently.design/sv/guide/presentation-backgrounds) har fler idéer till själva bakgrunderna. - Titel och avsnitt: full: `linear-gradient(135deg, #0b1d3a, #1d4ed8 55%, #38bdf8)` - Citat och team: medel: `linear-gradient(135deg, #0b1d3a, #13306b 60%, #1e3a8a)` - Innehåll och data: tyst: `linear-gradient(180deg, #0b1d3a, #0f2547)` En familj från marinblått till himmelsblått i tre styrkor. Den tysta versionen hör fortfarande hemma, men konkurrerar inte med ett diagram. I Gradiently är det inbyggt: en Mark vet var orden finns, flyttar sin lugnaste yta med bäst kontrast bakom texten och tonar ner stökiga detaljer nära bokstäverna, så att innehållssidor förblir läsbara utan en separat bakgrund. ## Regler för typ, rutnät och färg i en presentation 1. **Sätt en typskala** Välj tre storlekar och håll dig till dem: en rubrikstorlek, en brödtextstorlek och en liten storlek för källor och fotnoter. På en slide i 1920×1080 blir brödtext betydligt under 28 px svår att läsa på en delad skärm. 2. **Lås marginalerna** Använd samma yttre marginal på varje slide och placera rubrikerna på samma ställe. När en rubrik hoppar mellan slides känns presentationen ostadig. 3. **En rubrik per slide, skriven som poängen** ”Intäkterna tredubblades på sex månader” gör mer än ”Intäkter”. Rubriken är den mening du vill att folk ska minnas. 4. **En accentfärg, använd till en enda sak** Spara den starkaste färgen till det som ska lysa: nyckeltalet, stapeln som spelar roll, din förfrågan. Om allt framhävs framhävs ingenting. 5. **Högst två typsnitt** Ett displaytypsnitt till rubriker och ett tydligt sans till allt annat. [Typsnittspar](https://gradiently.design/sv/guide/font-pairing) går igenom kombinationer som fungerar. ## Design av diagram och datasidor Diagram är där presentationer förlorar sin look, eftersom diagramverktyg kommer med egna standardfärger. Byt ut dem mot en palett byggd på presentationens bakgrundsfamilj: dämpade toner för bakgrundsdatan och accenten för den serie som driver ditt argument. Ta bort rutnätslinjer du inte behöver, sätt värdena direkt på diagrammet i stället för i en förklaring och ge varje diagram en rubrik som anger slutsatsen. - Marinblå botten: #0b1d3a - Djupblå: #1e3a8a - Skiffergrå bakgrund: #64748b - Dimgrå bakgrund: #cbd5e1 - Himmelsblå accent: #38bdf8 En diagrampalett hämtad från presentationen: bakgrundsserier i skiffer och dimma, accenten sparad till siffran som räknas. ### Undvik - En ny bakgrund på varje slide - Stökiga, starka bakgrunder bakom diagram - Standardfärger från kalkylprogrammet - Rubriker som bara nämner ämnet - Liten text som försvinner på en delad skärm ### Gör så här - En bakgrundsfamilj i tre styrkor - Nästan platta bakgrunder på datasidor - Diagramfärger från varumärkets palett - Rubriker som anger poängen - Brödtext på ungefär 28 px eller mer i 1920×1080 ## Exportera och dela presentationen Många kommer att läsa din presentation som PDF på en laptop eller mobil i stället för att se den presenteras, så kontrollera den exporterade PDF:en och inte bara sidorna i redigeraren. Se till att typsnitten är inbäddade eller att texten är konverterad, att gradienterna inte har fått ränder och att varje slide fortfarande går att förstå utan att du pratar över den. Om presentationen delas med en länkförhandsvisning hjälper det också med en stark [Open Graph-bild](https://gradiently.design/sv/guide/open-graph-image-size) i 1200×630 gjord av titelsidan. Skriv till sist ner systemet: sidtyper, färger, typsnitt och storlekar. Det gör nästa presentation, och varje uppdatering av den här, till montering i stället för design, och det är fröet till en [varumärkesguide](https://gradiently.design/sv/guide/brand-style-guide). ## FAQ ### Vilken storlek ska en pitch deck ha? Bygg den i 16:9, 1920×1080 pixlar. Den passar moderna skärmar, projektorer och videomöten utan svarta kanter. ### Hur många typsnitt ska en pitch deck använda? Högst två: ett till rubriker och ett till brödtext, med tre fasta storlekar som används konsekvent. ### Ska slides i en pitch deck ha stökiga bakgrunder? Bara titel-, avsnitts- och avslutningssidorna. Innehålls- och datasidor behöver tysta bakgrunder så att informationen leder. ### Hur håller jag en pitch deck enhetlig? Formge fyra till sex sidtyper med fasta layouter och bakgrunder och bygg sedan varje slide av dem i stället för att designa varje för sig. ### Vilka färger ska diagram i en presentation använda? Färger från presentationens egen palett: dämpade toner för sammanhanget och en enda accentfärg för den datapunkt som driver argumentet.