# Pitch deck-design: et uttrykk som holder i tjue lysbilder [Canonical HTML page](https://gradiently.design/nb/guide/pitch-deck-design) De fleste presentasjoner ser bra ut i tre lysbilder og faller fra hverandre ved lysbilde åtte. Løsningen er et system: en håndfull lysbildetyper, hver med en bakgrunn som kan jobben sin. ## The short version - Godt pitch deck-design kommer fra et system med fire til seks lysbildetyper, ikke fra å designe tjue lysbilder ett for ett. - Bakgrunner bør være sterkest på tittel- og seksjonslysbilder og roligst på innholds- og datalysbilder, der de må tre tilbake bak informasjonen. - Én skriftskala, ett rutenett og én aksentfarge brukt på samme måte på hvert lysbilde får en presentasjon til å føles designet. - Diagramfarger bør hentes fra merkevarens palett, med aksentfargen forbeholdt det ene tallet eller den ene søylen som gjør poenget. - Presentasjoner bygges vanligvis i 16:9, 1920×1080, og kontrolleres som PDF fordi det er slik mange investorer leser dem. Godt **pitch deck-design** er et system, ikke tjue separate design. Bestem deg for fire til seks lysbildetyper, som tittel, seksjon, innhold, data, sitat og avslutning, gi hver av dem et fast oppsett og en bakgrunn med riktig styrke, og bygg så hvert lysbilde fra disse typene. Resultatet ser enhetlig ut fra første til siste lysbilde, er raskere å redigere når tallene endrer seg, og holder oppmerksomheten på historien i stedet for pynten. Et tittellysbilde i bredformat med teksten Lønn som kjører seg selv på en fyldig gradientbakgrunn Tittellysbildet: bakgrunnen på full styrke… Et datalysbilde i bredformat med ett stort tall på en roligere versjon av den samme gradienten …og et datalysbilde, der den samme bakgrunnen trer tilbake. Eksempelselskapet, tallene og teksten på disse lysbildene er illustrasjoner, ikke ekte data. Prinsippene gjelder uansett hva historien din er. ## Lysbildestørrelser for pitch decks - 16:9, 1920×1080: 1920 × 1080 - 4:3, 1600×1200: 1600 × 1200 Bygg i 16:9 med mindre du vet at presentasjonen skal vises på en eldre 4:3-skjerm. Nesten alle skjermer, projektorer og videosamtaler er i bredformat, så 16:9 i 1920×1080 er standarden. En 4:3-presentasjon i 1600×1200 gir svarte felt på de fleste skjermer. Velg én i starten: å konvertere senere betyr å sette opp hvert lysbilde på nytt. ## Lysbildetypene som utgjør et presentasjonssystem | Lysbildetype | Jobb | Bakgrunnsstyrke | | --- | --- | --- | | Tittel | Navn, løfte på én linje, runde eller dato | Full: merkevaren på sitt dristigste | | Seksjon | Varsler et nytt kapittel: problem, produkt, marked | Full eller sterk, med ett ord eller en frase | | Innhold | Én idé med en overskrift og noen få linjer | Rolig: et stille område bak teksten | | Data | Ett diagram eller ett stort tall | Roligst: nesten flat, så diagrammet leder | | Sitat eller team | Et kundesitat, ansikter og roller | Middels | | Avslutning | Forespørselen og kontaktinformasjon | Full, som et ekko av tittelen | Seks lysbildetyper dekker nesten enhver presentasjon. Bakgrunnene blir roligere etter hvert som informasjonen blir tettere. Denne rytmen, dristig i kantene av hver seksjon og rolig i midten, gir presentasjonen en puls. Tilskuerne merker at et nytt kapittel begynner uten å få det fortalt, og de tette lysbildene forblir lette å lese. [Visuelt hierarki](https://gradiently.design/nb/guide/visual-hierarchy) forklarer hvorfor ett tydelig blikkfang per lysbilde betyr så mye. ## Bakgrunner som trer tilbake bak innholdet En bakgrunn som kjemper mot ordene, er den vanligste feilen i presentasjoner. Løsningen er å bruke én bakgrunnsfamilie i ulike styrker: full farge på tittelen, deretter en mørkere eller mykere variant for innholdslysbilder, med det roligste området bak teksten. Behold de samme fargene hele veien, så de roligere lysbildene fortsatt føles som en del av samme presentasjon. [Presentasjonsbakgrunner](https://gradiently.design/nb/guide/presentation-backgrounds) har flere ideer til selve bakgrunnene. - Tittel og seksjon: full: `linear-gradient(135deg, #0b1d3a, #1d4ed8 55%, #38bdf8)` - Sitat og team: middels: `linear-gradient(135deg, #0b1d3a, #13306b 60%, #1e3a8a)` - Innhold og data: rolig: `linear-gradient(180deg, #0b1d3a, #0f2547)` Én familie fra marine til himmelblå i tre styrker. Den rolige versjonen hører fortsatt hjemme, men konkurrerer ikke med et diagram. I Gradiently er dette innebygd: en Mark vet hvor ordene er, flytter sitt roligste området med best kontrast bak teksten og demper urolige detaljer nær bokstavene, så innholdslysbilder forblir lesbare uten en egen bakgrunn. ## Regler for skrift, rutenett og farge i en presentasjon 1. **Sett én skriftskala** Velg tre størrelser og hold deg til dem: en overskriftsstørrelse, en brødtekststørrelse og en liten størrelse til kilder og fotnoter. På et lysbilde i 1920×1080 blir brødtekst mye under 28px vanskelig å lese på en delt skjerm. 2. **Lås margene** Bruk samme ytre marg på hvert lysbilde og juster overskriftene til samme posisjon. Når en overskrift hopper mellom lysbildene, føles presentasjonen ustø. 3. **Én overskrift per lysbilde, skrevet som poenget** «Inntektene ble tredoblet på seks måneder» gjør mer enn «Inntekter». Overskriften er setningen du vil at folk skal huske. 4. **Én aksentfarge, brukt til én ting** Reserver den klareste fargen til fremhevinger: nøkkeltallet, søylen som betyr noe, forespørselen. Hvis alt er fremhevet, er ingenting det. 5. **Maks to skrifter** En displayskrift til overskrifter og en tydelig grotesk til alt annet. [Skriftparing](https://gradiently.design/nb/guide/font-pairing) tar for seg kombinasjoner som fungerer. ## Design av diagram- og datalysbilder Diagrammer er der presentasjoner mister uttrykket sitt, fordi diagramverktøy har med seg sine egne standardfarger. Bytt dem ut med en palett bygget fra presentasjonens bakgrunnsfamilie: dempede toner til kontekstseriene og aksentfargen til den som gjør poenget ditt. Fjern rutenettlinjer du ikke trenger, merk verdiene direkte i stedet for med en tegnforklaring, og gi hvert diagram en overskrift som sier konklusjonen. - Marine grunn: #0b1d3a - Dyp blå: #1e3a8a - Skifer kontekst: #64748b - Tåke kontekst: #cbd5e1 - Himmel aksent: #38bdf8 En diagrampalett hentet fra presentasjonen: kontekstserier i skifer og tåke, aksenten spart til tallet som betyr noe. ### Unngå - En ny bakgrunn på hvert lysbilde - Urolige, klare bakgrunner bak diagrammer - Standard diagramfarger fra regnearket - Overskrifter som bare nevner temaet - Liten tekst som forsvinner på en delt skjerm ### Gjør - Én bakgrunnsfamilie i tre styrker - Nesten flate bakgrunner på datalysbilder - Diagramfarger fra merkevarens palett - Overskrifter som sier poenget - Brødtekst på rundt 28px eller mer i 1920×1080 ## Eksportere og dele presentasjonen Mange kommer til å lese presentasjonen din som PDF på en bærbar eller mobil i stedet for å se den presentert, så sjekk den eksporterte PDF-en, ikke bare lysbildene i redigeringsverktøyet. Sørg for at skriftene er innebygd eller at teksten er konvertert, at gradientene ikke har fått striper, og at hvert lysbilde fortsatt gir mening uten at du snakker over det. Hvis presentasjonen åpnes med en lenkeforhåndsvisning, hjelper også et sterkt [Open Graph-bilde](https://gradiently.design/nb/guide/open-graph-image-size) i 1200×630 laget av tittellysbildet. Skriv til slutt ned systemet: lysbildetyper, farger, skrifter og størrelser. Det gjør den neste presentasjonen, og hver oppdatering av denne, til montering i stedet for design, og det er spiren til en [stilguide for merkevaren](https://gradiently.design/nb/guide/brand-style-guide). ## FAQ ### Hvilken størrelse bør et pitch deck ha? Bygg det i 16:9, 1920×1080 piksler. Det passer moderne skjermer, projektorer og videosamtaler uten svarte felt. ### Hvor mange skrifter bør et pitch deck bruke? Maks to: én til overskrifter og én til brødtekst, med tre faste størrelser brukt konsekvent. ### Bør lysbilder i et pitch deck ha urolige bakgrunner? Bare tittel-, seksjons- og avslutningslysbildene. Innholds- og datalysbilder trenger rolige bakgrunner, så informasjonen leder. ### Hvordan holder jeg et pitch deck enhetlig? Design fire til seks lysbildetyper med faste oppsett og bakgrunner, og bygg deretter hvert lysbilde fra dem i stedet for å designe hvert enkelt for seg. ### Hvilke farger bør diagrammer i en presentasjon ha? Farger fra presentasjonens egen palett: dempede toner til kontekst og én enkelt aksentfarge til datapunktet som bærer argumentet.