# Raportin kannen suunnittelu: vuosikertomus ja whitepaper

[Canonical HTML page](https://gradiently.design/fi/guide/report-cover-design)

Raportin kansi luetaan kahdesti: ensin pienenä kuvana lataussivulla tai sähköpostissa, sitten sivuna kädessä. Samat säännöt saavat vuosikertomuksen ja whitepaperin toimimaan molemmissa.

## The short version

- Raportin kansi tarvitsee neljä asiaa: selkeän otsikon, vuoden tai aiheen, organisaation nimen tai logon ja vahvan, yksinkertaisen taustan.
- Useimmat raporttien kannet ovat A4- tai US Letter -pystysivuja, 300 dpi:n tarkkuudella 2480×3508 tai 2550×3300 pikseliä.
- Raportin kannen on oltava luettava pikkukuvana. Otsikon pitää siksi olla suuri ja taustan selkeä.
- Vuosikertomus näyttää yleensä rauhalliselta ja varmalta. Whitepaper voi käyttää rohkeampaa otsikkoa, joka kertoo vastattavan kysymyksen.
- Saman kansijärjestelmän käyttö vuodesta toiseen, vain väriä ja vuotta vaihtamalla, rakentaa tunnistettavan sarjan.

Hyvä **raportin kannen suunnittelu** tiivistyy neljään elementtiin: pikkukuvasta luettava otsikko, vuosi tai aihe, organisaation nimi tai logo ja yksi vahva, sävyn asettava tausta. Aseta ne A4- tai US Letter -pystysivulle. Anna otsikolle suurin visuaalinen paino ja jätä muu kansi rauhalliseksi. Vuosikertomus ja whitepaper noudattavat samoja sääntöjä hieman eri tunnelmalla.

## Mitä raportin kanteen kuuluu

Kansi ei ole raportin tiivistelmä. Se on tunniste ja lupaus. Kaikki, mikä ei auta tunnistamaan raporttia tai herätä halua avata sitä, kuuluu sisäsivuille.

| Elementti | Vuosikertomus | Whitepaper |
| --- | --- | --- |
| Otsikko | ”Vuosikertomus 2026” tai lyhyt teema | Kysymys tai havainto selkein sanoin |
| Alaotsikko | Vuoden teema, valinnainen | Kenelle se on tai mitä lukija oppii |
| Nimi tai logo | Pienenä ylhäällä tai alhaalla | Pienenä, jotta aihe johtaa |
| Päivämäärä | Vuosi näkyvästi | Kuukausi ja vuosi pienellä |
| Tausta | Rauhallinen, brändin mukainen, yhtenäinen vuosittain | Rohkeampi, aiheeseen liittyvä |

Enintään viisi elementtiä. Jos kansi tarvitsee kuudennen, mieti, kuuluuko se toiselle sivulle.

Asumissäätiön A4-vuosikertomuskansi otsikolla Vuosikertomus 2026 syvällä rauhallisella liukuvärillä

Vuosikertomuksen kansi: vuosi suurena, organisaatio pienenä. Rauhallinen tausta voi palata ensi vuonna uudessa värissä.

A4-whitepaperin kansi otsikolla Miksi pienkaupat voittavat toimituksissa kirkkaammalla liukuväritaustalla

Whitepaperin kansi: havainto on otsikko, joten lukija tietää jo ennen lataamista, mitä oppii.

## Raportin kannen koko: A4, Letter ja pikkukuva

Suunnittele kansi painokoossa ja tarkista se sitten ensikohtaamisen koossa: pienenä kuvana lataussivulla, linkin esikatselussa tai sähköpostissa. A4:nä hienostunut kansi voi muuttua lukukelvottomaksi tahraksi 200 pikselin leveydessä.

- A4-kansi 2480×3508: 2480 × 3508
- Letter-kansi 2550×3300: 2550 × 3300
- Linkin esikatselu 1200×630: 1200 × 630

Kansi A4- ja Letter-koossa sekä 1200×630-linkkiesikatselu, joka esittelee sen somessa ja viestisovelluksissa.

- **Paino:** A4 2480×3508 tai Letter 2550×3300 tarkkuudella 300 dpi ja 3 mm:n tai 0,125 in:n leikkuuvaralla. [A4-koko pikseleinä](https://gradiently.design/fi/guide/a4-size-in-pixels) näyttää laskut.
- **Linkin esikatselu:** vaakasuuntainen [Open Graph -kuva](https://gradiently.design/fi/guide/open-graph-image-size) koossa 1200×630, kansi otsikon vieressä. Älä purista pystykantta leveään kehykseen.
- **Pikkukuvatesti:** pienennä kansi noin 200 pikselin levyiseksi. Jos otsikko ei ole luettava, suurenna tai lyhennä sitä.

## Taustat, jotka tekevät raportista harkitun näköisen

Moni raporttikansi turvautuu kättelyn tai kaupunkisiluetin kuvapankkikuvaan. Brändivärinen värikenttä tai liukuväri on yksinkertaisempi, kestää aikaa ja antaa otsikolle tilaa hallita. Syvät värit tuntuvat vakavilta ja vakiintuneilta, vaaleammat lämpimät pohjat avoimilta ja helposti lähestyttäviltä.

- Vuosikertomuksen laivastonsininen: `linear-gradient(160deg, #0b1f3a 0%, #143d6b 55%, #2f6fa3 100%)`
- Vastuullisuuden sinivihreä: `radial-gradient(circle at 80% 15%, #2dd4bf 0%, #0f766e 35%, #052e2b 80%)`
- Paperi ja hiekka: `linear-gradient(170deg, #f6f1e9 0%, #ede3d3 60%, #d9c7ad 100%)`
- Hiillos hiilenharmaalla: `radial-gradient(circle at 20% 85%, #f97316 0%, #9a3412 40%, #1c0d06 85%)`

Neljä kansipohjaa. Jokainen säilyttää rauhallisen otsikkoalueen ylhäällä tai alhaalla ja sijoittaa valon muualle.

Liukuvärit paperilla vaativat huomiota: sileä sekoitus voi porrastua ja kirkkaat värit muuttua painoväriksi siirryttäessä. [Liukuvärien painaminen](https://gradiently.design/fi/guide/print-gradients) ja [RGB ja CMYK](https://gradiently.design/fi/guide/rgb-vs-cmyk) käsittelevät molemmat. Tarkista tumman pohjan otsikkokontrasti myös painettuna.

## Raportin kannen typografia ja asettelu

### Vältä

- Pitkää virallista otsikkoa pienillä suuraakkosilla
- Otsikon kokoista logoa
- Tekstiä kuvan levottomimmalla alueella
- Kolmea kirjaintyyppiä yhdessä kannessa
- Kaikkea keskitettynä ja samankokoisena

### Tee näin

- Lyhyt suuri otsikko tavallisella alkukirjaimella
- Pieni logo samassa paikassa
- Otsikko taustan rauhallisimpaan kohtaan
- Raportin oma otsikkofontti ilman lisäfontteja
- Selkeät kokoportaat: otsikko, alaotsikko, päivä

Käytä sisäsivujen otsikkofonttia, jotta kansi tuntuu dokumentin osalta eikä eteen liimatulta julisteelta. [Otsikkofontit](https://gradiently.design/fi/guide/headline-fonts) tarjoaa vahvoja vaihtoehtoja. [Otsikon alkukirjainten käyttö](https://gradiently.design/fi/guide/title-case-vs-sentence-case) selittää, milloin tavallinen kirjoitusasu tuntuu luontevammalta.

Etenkin whitepaperin otsikko lyhenee ja tarkentuu toisella kirjoituskerralla. Kolme muokkausesimerkkiä:

- ”Analyysi itsenäisen vähittäiskaupan toimituskäytännöistä” muuttuu muotoon ”Miksi pienkaupat voittavat toimituksissa”.
- ”Keskisuurten organisaatioiden pilvikustannusten optimointistrategiat” muuttuu muotoon ”Pienennä pilvilaskua hidastamatta toimintaa”.
- ”Ravintola- ja majoitusalan rekrytoinnin tila” muuttuu muotoon ”Mistä alan seuraavat työntekijät löytyvät”.

## Kansisarjan suunnittelu vuodesta toiseen

Vuosittain julkaiseva organisaatio hyötyy kansijärjestelmästä: sama asettelu, otsikon paikka ja typografia, vain vuosi ja väri vaihtuvat. Lukija tunnistaa sarjan heti, ja vuosittainen suunnittelutyö kutistuu yhteen päätökseen. Whitepaper-sarja toimii samoin, ja jokainen aihe saa oman värinsä samasta perheestä.

- 2024 laivastonsininen: #143d6b
- 2025 sinivihreä: #0f766e
- 2026 violetti: #6d28d9
- 2027 meripihka: #b45309

Yksi väri vuodessa, kaikki yhtä syviä, jotta valkoinen otsikko erottuu jokaisesta yhtä hyvin.

Gradientlyssä lunastettu Mark antaa sarjalle taustan, jolla vain sinä voit viedä. Sen luettavuus pitää otsikon selkeänä sijainnista riippumatta. Pro vie kannen paino-PDF:nä leikkuuvaroineen ja leikkausmerkkeineen sekä muuttaa sen linkkiesikatselun kokoon yhdellä vaiheella.

## FAQ

### Mitä raportin kansilehdessä pitäisi olla?

Selkeä otsikko, vuosi tai aihe, organisaation nimi tai logo ja yksinkertainen tausta. Jätä muu sisäsivuille.

### Minkä kokoinen raportin kansi on?

Yleensä A4 (2480×3508 pikseliä tarkkuudella 300 dpi) tai US Letter (2550×3300 pikseliä) pystyssä. Lisää leikkuuvara, jos kansi painetaan.

### Pitäisikö vuosikertomuksen kannessa olla valokuva?

Voi olla, mutta vahva brändivärinen värikenttä tai liukuväri näyttää usein varmemmalta ja jättää tilaa suurelle otsikolle.

### Miten whitepaperin kansi erottuu?

Kerro havainto tai kysymys suurena otsikkona, pidä logo pienenä ja käytä rohkeaa aiheeseen liittyvää taustaa.

### Miten vuosikertomusten kannet pysyvät yhtenäisinä?

Pidä asettelu, typografia ja otsikon paikka samoina. Vaihda vain vuosi ja taustaväri.