# Grafikk til produktlansering: sjekkliste for lanseringsdagen

[Canonical HTML page](https://gradiently.design/nb/guide/launch-day-graphics)

Lanseringer går galt på de små stedene: et gammelt toppbilde, en lenkeforhåndsvisning som mangler, en story ingen tilpasset. Her er hvert element, størrelsen og når det publiseres.

## The short version

- En produktlansering trenger grafikk i to grupper: oppbyggingen, som forsmaker og nedtellinger, og selve lanseringen, fra kunngjøringsinnlegg til toppbilder, lenkeforhåndsvisninger og e-post.
- Å designe ett hovedmotiv først og sette det opp på nytt for hvert format holder lanseringen konsekvent og sparer det meste av arbeidet.
- Open Graph-bildet til lanseringssiden bør være ferdig før lanseringen, fordi det er det som vises hver gang noen deler lenken.
- Toppbildene på profilene på X, LinkedIn og Facebook er lette å glemme og bør byttes på lanseringsdagen sammen med alt annet.
- All lanseringsgrafikk bør bruke samme overskrift, så folk som ser den på ulike steder, kjenner igjen den samme nyheten.

Behovet for **grafikk til produktlansering** faller i to grupper. Oppbyggingen: en forsmak og en nedtelling. Lanseringen: kunngjøringen i hvert feedformat, stories, et bilde til lenkeforhåndsvisningen, nye toppbilder på profilene, et toppbilde til e-posten, et hovedbilde til nettsiden og en takk etterpå. Design ett hovedmotiv først, og sett det så opp på nytt for hver størrelse, så hvert element ser ut som en del av det samme øyeblikket.

## Den komplette sjekklisten for lanseringsgrafikk

Kopier denne listen inn i lanseringsplanen din. Størrelsene følger opplastingsmålene hver plattform anbefaler, og hele oversikten står i [bildestørrelser i sosiale medier](https://gradiently.design/nb/guide/social-media-image-sizes).

| Element | Størrelse | Når | Merknader |
| --- | --- | --- | --- |
| Forsmaksinnlegg | 1080×1350 | Omtrent en uke før | Et hint, ikke avsløringen |
| Nedtellingsstory | 1080×1920 | Daglig, de siste dagene | Samme oppsett, tallet endres |
| Kunngjøring på Instagram | 1080×1350 | Lanseringsdagen | Hovedmotivet |
| Lanseringsstories | 1080×1920 | Lanseringsdagen | Med et lenkeklistremerke |
| Kunngjøring på X | 1600×900 | Lanseringsdagen | Vises helt i tidslinjen |
| LinkedIn-innlegg | 1200×1200 | Lanseringsdagen | Eller en dokumentkarusell |
| Facebook-innlegg | 1200×1200 | Lanseringsdagen | Samme ord som overalt ellers |
| Lenkeforhåndsvisning (Open Graph) | 1200×630 | Klar før lanseringen | Test den før dagen |
| Toppbilde på X | 1500×500 | Lanseringsdagen | Profilbildet overlapper nede til venstre |
| LinkedIn-banner | 1584×396 | Lanseringsdagen | Forsidebildet for bedrifter er 2256×382 |
| Facebook-forsidebilde | 1640×624 | Lanseringsdagen | Ordene i midten |
| Toppbilde til e-post | 1200×600 | Lanseringsdagen | Sjekk mørk modus |
| Hovedbilde på nettsiden | 1920×1080 | Lanseringsdagen | Overskriften på et rolig område |
| Miniatyrbilde til video | 1280×720 | Hvis det finnes en demo | Tre eller fire ord |
| Takk eller oppsummering | 1080×1350 | Noen dager etter | Bare ekte tall |

Hvert lanseringselement, størrelsen og når det publiseres. Stryk det du ikke trenger. De fleste lanseringer trenger det meste.

- Innlegg 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- X-innlegg 1600×900: 1600 × 900
- Lenkeforhåndsvisning 1200×630: 1200 × 630
- Toppbilde på X 1500×500: 1500 × 500
- LinkedIn-banner 1584×396: 1584 × 396
- Toppbilde til e-post 1200×600: 1200 × 600
- Hovedbilde på nettsiden 1920×1080: 1920 × 1080

Åtte former fra listen, i målestokk. Én lansering, fra høye stories til smale bannere, og derfor fungerer det aldri å beskjære ett bilde på åtte måter.

## Start med ett hovedmotiv, og lag så settet

Ikke design femten elementer. Design ett, kunngjøringen på Instagram eller hovedbildet på nettsiden, til det sitter: bakgrunnen, overskriften, skriften, den ene aksentfargen. Det er lanseringens uttrykk. Alle andre elementer er det samme uttrykket ordnet for en annen form. Høye formater stables, brede formater brer seg ut, og smale bannere beholder bare overskriften.

- Lanseringsnatt: #0b0d1a
- Dyp indigo: #1f2a5c
- Signalblå: #4f6bed
- Mykt skjær: #9bb4ff
- Aksentgull: #ffcf5c
- Papirhvit: #f5f3ee

En lanseringspalett: en mørk bunn, tre beslektede blåtoner, én gullaksent forbeholdt datoen eller oppfordringen, og en offwhite til skriften.

Skriv uttrykket ned: farger, skrifter, overskriften, hvor aksenten skal stå. Er dere flere som lager elementer, er det dette notatet som holder toppbildet noen lager ved midnatt, på linje med innlegget du laget for en uke siden.

## Tidslinjen for lanseringen

1. **To uker før: hovedmotivet** Design hovedkunngjøringen og bli enige om overskriften. Lag bildet til lenkeforhåndsvisningen nå, så lanseringssiden viser det fra første deling. [Størrelse på OG-bilde](https://gradiently.design/nb/guide/open-graph-image-size) har taggene og testene.
2. **En uke før: forsmaken** Et innlegg og en story som antyder hva som kommer, i lanseringens uttrykk, uten avsløringen.
3. **De siste dagene: nedtellingen** En daglig story der tallet endres, med et nedtellingsklistremerke så folk kan be om en påminnelse.
4. **Dagen før: lag hele settet** Sett hovedmotivet opp for hvert format på listen. Planlegg det som kan planlegges.
5. **Lanseringsmorgenen: publiser overalt** Publiser innleggene og storiene, bytt hvert toppbilde på profilene, send e-posten, oppdater hovedbildet på nettsiden.
6. **Noen dager etter: si takk** En oppsummering i samme uttrykk, med ekte resultater hvis du vil dele noen, som avslutter fortellingen.

Et forsmaksinnlegg med teksten Noe nytt, tirsdag på en gradientbakgrunn

Forsmaken: lanseringens uttrykk og en dato, ikke noe mer.

En lanseringskunngjøring som presenterer en app for delte gjøremålslister i samme stil som forsmaken

Kunngjøringen: samme uttrykk, nå med avsløringen.

## Én overskrift på all grafikken

Folk møter en lansering mange steder: en story om morgenen, et innlegg på LinkedIn til lunsj, en e-post om kvelden. De bør kjenne igjen den samme nyheten hver gang. Det betyr én overskrift, ord for ord, på all grafikken, mens detaljene endres etter formatet. Rekkefølgen på ordene finner du i [slik designer du et kunngjøringsinnlegg](https://gradiently.design/nb/guide/announcement-post-design).

### Unngå

- Et nytt slagord på hver plattform
- Ett bilde beskåret til alle former
- Nye farger funnet opp til lanseringen
- Toppbilder som fortsatt viser forrige sesong

### Gjør dette

- Én overskrift, gjentatt overalt
- Hvert format satt opp for sin form
- Ditt vanlige uttrykk, skrudd opp et hakk
- Alle toppbilder byttet samme morgen

## Det folk glemmer på lanseringsdagen

- **Lenkeforhåndsvisningen.** Plattformene mellomlagrer den. Delte du siden før bildet var klart, oppdaterer du den i plattformens inspeksjonsverktøy.
- **Toppbildene på profilene.** Toppbildet på X, LinkedIn-banneret og Facebook-forsidebildet viser fortsatt det gamle uttrykket. Se [størrelse på LinkedIn-banner](https://gradiently.design/nb/guide/linkedin-banner-size) og [størrelse på Twitter-header](https://gradiently.design/nb/guide/x-header-size).
- **Toppbildet til e-posten i mørk modus.** Test det. [Design av e-posttoppbilde](https://gradiently.design/nb/guide/email-header-design) forklarer hva som endres.
- **Bildebeskrivelser.** Legg til alt-tekst på hvert lanseringsbilde, på hver plattform.
- **Lenken i profilen din.** Pek den mot lanseringssiden før det første innlegget går ut.

> **Lag settet i én omgang** Å sette opp ett design femten ganger er den trege delen av en lansering. I Gradiently setter **kopier til størrelser** et ferdig design opp på nytt for hvert format du velger, med bakgrunnen gjengitt på nytt for hver form. [Ett uttrykk, alle størrelser](https://gradiently.design/nb/guide/one-look-every-size) forklarer hvordan det fungerer.

## FAQ

### Hvilken grafikk trenger jeg til en produktlansering?

En forsmak, en nedtelling, kunngjøringen til feeden på hver plattform, lanseringsstories, et bilde til lenkeforhåndsvisningen, oppdaterte toppbilder på profilene, et toppbilde til e-posten, et hovedbilde til nettsiden og et takkeinnlegg etterpå.

### Når bør lanseringsgrafikken være klar?

Lag hovedmotivet og lenkeforhåndsvisningen omtrent to uker før, forsmaken en uke før og hele settet dagen før, så lanseringsmorgenen bare handler om å publisere.

### Hvordan holder jeg lanseringsgrafikken konsekvent?

Design ett hovedmotiv, skriv ned fargene, skriftene og overskriften, og sett det samme designet opp for hvert format i stedet for å designe hvert fra bunnen av.

### Hvilken størrelse har bildet til lenkeforhåndsvisningen for en lanseringsside?

1200×630 piksler, satt med og:image-taggen. Test det før lanseringsdagen, fordi plattformene mellomlagrer det.