# Design av rapportomslag: årsredovisningar och whitepapers [Canonical HTML page](https://gradiently.design/sv/guide/report-cover-design) Ett rapportomslag läses två gånger: en gång som en liten miniatyr på en nedladdningssida eller i en inkorg, och en gång som en sida i någons hand. Samma få regler får det att fungera i båda storlekarna, för årsredovisningar och whitepapers lika. ## The short version - Ett rapportomslag behöver fyra saker: en tydlig titel, året eller ämnet, organisationens namn eller logotyp och en stark, enkel bakgrund. - De flesta rapportomslag är A4 eller US Letter stående, vilket vid 300 dpi är 2480×3508 eller 2550×3300 pixlar. - Ett rapportomslag bör fortfarande gå att läsa när det krymps till en miniatyr, så titeln måste vara stor och bakgrunden ren. - Årsredovisningar ser oftast lugna och säkra ut, medan whitepapers kan inleda med en djärvare titel som anger frågan de besvarar. - Att använda samma omslagssystem varje år och bara ändra färgen eller året bygger en igenkännbar serie. Bra **design av rapportomslag** handlar om fyra element: en titel som går att läsa i en miniatyr, året eller ämnet, din organisations namn eller logotyp och en stark bakgrund som sätter tonen. Lägg dem på en stående A4- eller US Letter-sida, ge titeln det mesta av den visuella tyngden och låt resten av omslaget vara stilla. Årsredovisningar och whitepapers följer samma regler, med en något olik stämning. ## Vad som står på ett rapportomslag Ett omslag är inte en sammanfattning av rapporten. Det är en etikett och ett löfte. Allt som inte hjälper någon att identifiera rapporten eller vilja öppna den hör hemma inuti. | Element | Årsredovisning | Whitepaper | | --- | --- | --- | | Titel | ”Årsredovisning 2026” eller en kort temarad | Frågan eller resultatet, i enkla ord | | Undertitel | Årets tema, valfritt | Vem den är till för, eller vad de lär sig | | Namn eller logotyp | Liten, överst eller nederst | Liten, så att ämnet leder | | Datum | Året, framträdande | Månad och år, litet | | Bakgrund | Lugn, i varumärket, enhetlig år efter år | Djärvare, knuten till ämnet | Högst fem element. Om ett omslag behöver ett sjätte, fråga om det hör hemma på sidan två. Ett A4-omslag till en bostadsstiftelses årsredovisning med titeln Årsredovisning 2026 över en djup, lugn gradient Ett omslag till en årsredovisning: året satt stort, organisationen litet, en lugn bakgrund som kan återkomma nästa år i en ny färg. Ett A4-omslag till ett whitepaper med titeln Därför vinner småbutiker på leverans, på en ljusare gradientbakgrund Ett omslag till ett whitepaper: resultatet är titeln, så läsaren vet vad hen lär sig innan nedladdningen. ## Storlek på rapportomslag: A4, Letter och miniatyren Formge omslaget i dess tryckstorlek och kontrollera det sedan i den storlek de flesta först möter det: en liten bild på en nedladdningssida, en länkförhandsvisning eller ett e-postmeddelande. Ett omslag som ser raffinerat ut i A4 kan bli en oläslig fläck vid 200 pixlars bredd. - A4-omslag 2480×3508: 2480 × 3508 - Letter-omslag 2550×3300: 2550 × 3300 - Länkförhandsvisning 1200×630: 1200 × 630 Omslaget i A4 och Letter, och länkförhandsvisningen i 1200×630 som annonserar det i sociala medier och chattappar. - **Tryck:** A4 i 2480×3508 eller Letter i 2550×3300, vid 300 dpi, med 3 mm eller 0,125 tum utfall. [A4 i pixlar](https://gradiently.design/sv/guide/a4-size-in-pixels) har uträkningarna. - **Länkförhandsvisning:** en liggande [Open Graph-bild](https://gradiently.design/sv/guide/open-graph-image-size) i 1200×630 med omslaget bredvid titeln, i stället för det stående omslaget ihoppressat i en bred ruta. - **Miniatyrtest:** krymp omslaget till ungefär 200 pixlars bredd. Om du inte kan läsa titeln, gör den större eller kortare. ## Bakgrunder som får en rapport att se genomtänkt ut De flesta rapportomslag faller tillbaka på ett stockfoto av ett handslag eller en stadssilhuett. Ett färgfält eller en gradient i varumärkets färger är enklare, åldras bättre och ger titeln utrymme att dominera. Djupa färger läses som seriösa och etablerade; ljusare, varmare grunder känns öppna och inbjudande. - Marinblått för årsredovisning: `linear-gradient(160deg, #0b1f3a 0%, #143d6b 55%, #2f6fa3 100%)` - Blågrönt för hållbarhet: `radial-gradient(circle at 80% 15%, #2dd4bf 0%, #0f766e 35%, #052e2b 80%)` - Papper och sand: `linear-gradient(170deg, #f6f1e9 0%, #ede3d3 60%, #d9c7ad 100%)` - Glöd på kol: `radial-gradient(circle at 20% 85%, #f97316 0%, #9a3412 40%, #1c0d06 85%)` Fyra omslagsgrunder. Var och en behåller en lugn yta upptill eller nedtill för titeln och placerar ljuset någon annanstans. Gradienter på papper kräver lite omsorg: släta övergångar kan få banding, och klara färger skiftar när de går över till tryckfärg. [Att trycka gradienter](https://gradiently.design/sv/guide/print-gradients) och [RGB mot CMYK](https://gradiently.design/sv/guide/rgb-vs-cmyk) tar upp båda. På en mörk grund, kontrollera titelns kontrast i tryck, inte bara på skärm. ## Typografi och layout för ett rapportomslag ### Undvik - En lång formell titel i kapitäler - Logotyp lika stor som titeln - Text placerad över den mest röriga delen av ett foto - Tre typsnitt på ett omslag - Allt centrerat och lika stort ### Gör så här - En kort titel, satt stor, med inledande versal - Logotyp liten och på samma plats - Titel på den lugnaste delen av bakgrunden - Rapportens eget rubriktypsnitt, inget extra - Tydliga steg i storlek: titel, undertitel, datum Använd samma rubriktypsnitt som sidorna inuti så att omslaget känns som en del av dokumentet, inte en affisch klistrad på framsidan. [Rubriktypsnitt](https://gradiently.design/sv/guide/headline-fonts) har starka alternativ, och [inledande versal mot versaler i varje ord](https://gradiently.design/sv/guide/title-case-vs-sentence-case) förklarar när inledande versal läses mer naturligt. Whitepapertitlar i synnerhet blir kortare och vassare med ett andra utkast. Tre exempel på omskrivningen: - ”En analys av leveranspraxis inom fristående detaljhandel” blir ”Därför vinner småbutiker på leverans”. - ”Strategier för kostnadsoptimering i molnet för medelstora organisationer” blir ”Sänk molnräkningen utan att bli långsammare”. - ”Rekryteringsläget i hotell- och restaurangbranschen” blir ”Varifrån branschens nästa medarbetare kommer”. ## Att formge en omslagsserie år efter år Organisationer som ger ut varje år vinner mycket på ett omslagssystem: samma layout, titelplacering och typografi varje gång, där bara året och färgen ändras. Läsarna känner igen serien med en blick, och designarbetet varje år krymper till ett enda beslut. Whitepaperserier fungerar likadant, där varje ämne får sin egen färg ur en och samma familj. - Marinblått 2024: #143d6b - Blågrönt 2025: #0f766e - Violett 2026: #6d28d9 - Bärnsten 2027: #b45309 En färg per år, alla av liknande djup så att den vita titeln läses lika bra på var och en. I Gradiently ger ett säkrat Mark en serie en bakgrund som bara du kan exportera med, och dess läsbarhet håller titeln läsbar var den än sitter. Pro exporterar omslaget som en tryck-PDF med utfall och skärmärken och ändrar storlek till länkförhandsvisningen i ett steg. ## FAQ ### Vad ska stå på ett rapportomslag? En tydlig titel, året eller ämnet, organisationens namn eller logotyp och en enkel bakgrund. Lämna allt annat till sidorna inuti. ### Vilken storlek har ett rapportomslag? Oftast A4 (2480×3508 pixlar vid 300 dpi) eller US Letter (2550×3300 pixlar), stående, med utfall om det ska tryckas. ### Ska ett omslag till en årsredovisning använda ett foto? Det kan det, men ett starkt färgfält eller en gradient i varumärkets färger ser ofta säkrare ut och ger plats för en stor titel. ### Hur får jag ett whitepaperomslag att sticka ut? Ange resultatet eller frågan som titel i stor stil, håll logotypen liten och använd en djärv bakgrund knuten till ämnet. ### Hur håller jag omslagen till årsredovisningen enhetliga varje år? Håll layout, typografi och titelplacering fasta och ändra bara året och bakgrundsfärgen.