# Grafik för produktlansering: checklistan för lanseringsdagen

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

Lanseringar går snett i de små detaljerna: en gammal header, en länkförhandsvisning som saknas, en story som ingen ändrat storlek på. Här är varje tillgång, dess storlek och när den ska ut.

## The short version

- En produktlansering behöver grafik i två grupper: upptakten, som teasers och nedräkningar, och själva lanseringen, från tillkännagivanden till headers, länkförhandsvisningar och mejl.
- Att designa en enda huvudbild först och lägga ut den på nytt för varje format håller lanseringen enhetlig och sparar det mesta av arbetet.
- Open Graph-bilden för lanseringssidan bör vara klar före lanseringen, eftersom den syns varje gång någon delar länken.
- Profilheaders på X, LinkedIn och Facebook glöms lätt bort och bör bytas på lanseringsdagen tillsammans med allt annat.
- All lanseringsgrafik bör använda samma rubrik, så att den som ser den på olika ställen känner igen samma nyhet.

**Grafiken för en produktlansering** delas in i två grupper. Upptakten: en teaser och en nedräkning. Lanseringen: tillkännagivandet i alla flödesformat, stories, en bild för länkförhandsvisning, nya profilheaders, en mejlheader, en hero på webbplatsen och ett tack efteråt. Designa en huvudbild först och lägg sedan ut den på nytt för varje storlek, så ser alla tillgångar ut att höra till samma stund.

## Den kompletta checklistan för lanseringsgrafik

Kopiera listan till din lanseringsplan. Storlekarna kommer från varje plattforms rekommenderade uppladdningsstorlek; hela översikten finns i [bildstorlekar för sociala medier](https://gradiently.design/sv/guide/social-media-image-sizes).

| Tillgång | Storlek | När | Anmärkning |
| --- | --- | --- | --- |
| Teaserinlägg | 1080×1350 | Ungefär en vecka innan | En antydan, inte avslöjandet |
| Nedräkningsstory | 1080×1920 | Dagligen, de sista dagarna | Samma layout, siffran ändras |
| Tillkännagivande på Instagram | 1080×1350 | Lanseringsdagen | Huvudbilden |
| Lanseringsstories | 1080×1920 | Lanseringsdagen | Med en länksticker |
| Tillkännagivande på X | 1600×900 | Lanseringsdagen | Visas helt i tidslinjen |
| Inlägg på LinkedIn | 1200×1200 | Lanseringsdagen | Eller en dokumentkarusell |
| Inlägg på Facebook | 1200×1200 | Lanseringsdagen | Samma ord som överallt |
| Länkförhandsvisning (Open Graph) | 1200×630 | Klar före lanseringen | Testa den före dagen |
| Header på X | 1500×500 | Lanseringsdagen | Profilbilden överlappar nere till vänster |
| Banner på LinkedIn | 1584×396 | Lanseringsdagen | Företagsomslaget är 2256×382 |
| Omslag på Facebook | 1640×624 | Lanseringsdagen | Orden i mitten |
| Mejlheader | 1200×600 | Lanseringsdagen | Kontrollera mörkt läge |
| Hero på webbplatsen | 1920×1080 | Lanseringsdagen | Rubriken på en lugn yta |
| Videominiatyr | 1280×720 | Om det finns en demo | Tre eller fyra ord |
| Tack eller sammanfattning | 1080×1350 | Några dagar efter | Bara verkliga siffror |

Varje lanseringstillgång, dess storlek och när den går ut. Stryk det du inte behöver; de flesta lanseringar behöver det mesta.

- Inlägg 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- Inlägg på X 1600×900: 1600 × 900
- Länkförhandsvisning 1200×630: 1200 × 630
- Header på X 1500×500: 1500 × 500
- Banner på LinkedIn 1584×396: 1584 × 396
- Mejlheader 1200×600: 1200 × 600
- Hero på webbplatsen 1920×1080: 1920 × 1080

Åtta former från listan, skalenligt. En lansering, från höga stories till smala bannrar, och därför fungerar en bild som beskärs åtta gånger aldrig.

## Börja med en huvudbild, gör sedan resten av setet

Designa inte femton tillgångar. Designa en, Instagram-tillkännagivandet eller hero på webbplatsen, tills den sitter: bakgrunden, rubriken, typsnittet, den enda accentfärgen. Det är lanseringens look. Varje annan tillgång är samma look arrangerad för en annan form. Höga format staplas; breda format breder ut sig; smala bannrar behåller bara rubriken.

- Lanseringsnatt: #0b0d1a
- Djup indigo: #1f2a5c
- Signalblå: #4f6bed
- Mjukt sken: #9bb4ff
- Accentguld: #ffcf5c
- Pappersvit: #f5f3ee

En lanseringspalett: en mörk botten, tre sammanhörande blå toner, en guldaccent reserverad för datumet eller uppmaningen och en off-white för text.

Skriv ner lookens delar: färger, typsnitt, rubriken, var accenten hamnar. Om flera personer gör tillgångar är den här anteckningen det som håller headern någon gör vid midnatt i linje med inlägget du gjorde för en vecka sedan.

## Tidslinjen för lanseringen

1. **Två veckor innan: huvudbilden** Designa huvudtillkännagivandet och enas om rubriken. Gör bilden för länkförhandsvisningen nu, så att lanseringssidan visar den från första delningen. [OG-bildens storlek](https://gradiently.design/sv/guide/open-graph-image-size) har taggarna och testerna.
2. **En vecka innan: teasern** Ett inlägg och en story som antyder vad som kommer, i lanseringens look, utan avslöjandet.
3. **De sista dagarna: nedräkningen** En daglig story där siffran ändras och en nedräkningssticker så att folk kan be om en påminnelse.
4. **Dagen innan: gör hela setet** Lägg ut huvudbilden för varje format på listan. Schemalägg det som går att schemalägga.
5. **Lanseringsmorgonen: gå live överallt** Publicera inläggen och stories, byt varje profilheader, skicka mejlet, uppdatera hero på webbplatsen.
6. **Några dagar efter: säg tack** En sammanfattning i samma look, med verkliga resultat om du vill dela några, som rundar av berättelsen.

Ett teaserinlägg med texten Något nytt, på tisdag på en gradientbakgrund

Teasern: lanseringens look och ett datum, inget mer.

Ett lanseringsinlägg som presenterar en app för en delad att-göra-lista i samma stil som teasern

Tillkännagivandet: samma look, nu med avslöjandet.

## En rubrik i all grafik

Folk möter en lansering på många ställen: en story på morgonen, ett inlägg på LinkedIn vid lunch, ett mejl på kvällen. De ska känna igen samma nyhet varje gång. Det betyder en rubrik, ord för ord, på all grafik, med detaljerna som varierar efter format. För ordningen på orden, se [så designar du ett tillkännagivande](https://gradiently.design/sv/guide/announcement-post-design).

### Undvik

- En ny slogan på varje plattform
- En bild som beskärs till varje form
- Nya färger som hittas på till lanseringen
- Headers som fortfarande visar förra säsongen

### Gör

- En rubrik, upprepad överallt
- Varje format utlagt för sin form
- Din vanliga look, uppskruvad ett snäpp
- Varje header bytt på morgonen

## Vad folk glömmer på lanseringsdagen

- **Länkförhandsvisningen.** Plattformarna cachar den; om du delade sidan innan bilden var klar, uppdatera den i plattformens inspektör.
- **Profilheaders.** Headern på X, bannern på LinkedIn och omslaget på Facebook visar fortfarande den gamla looken. Se [LinkedIn-bannerns storlek](https://gradiently.design/sv/guide/linkedin-banner-size) och [storlek på X-header](https://gradiently.design/sv/guide/x-header-size).
- **Mejlheadern i mörkt läge.** Testa den; [design av mejlheader](https://gradiently.design/sv/guide/email-header-design) tar upp vad som ändras.
- **Bildbeskrivningar.** Lägg till alternativtext på varje lanseringsbild, på varje plattform.
- **Länken i din profil.** Peka den mot lanseringssidan innan det första inlägget går ut.

> **Gör hela setet i ett svep** Att lägga ut en design femton gånger är den långsamma delen av en lansering. I Gradiently lägger **kopiera till storlekar** ut en färdig design på nytt för varje format du väljer, med bakgrunden renderad på nytt för varje form. [En look, alla storlekar](https://gradiently.design/sv/guide/one-look-every-size) förklarar hur det fungerar.

## FAQ

### Vilken grafik behöver jag för en produktlansering?

En teaser, en nedräkning, tillkännagivandet för varje plattforms flöde, lanseringsstories, en bild för länkförhandsvisning, uppdaterade profilheaders, en mejlheader, en hero på webbplatsen och ett tackinlägg efteråt.

### När ska lanseringsgrafiken vara klar?

Gör huvudbilden och länkförhandsvisningen ungefär två veckor innan, teasern en vecka innan och hela setet dagen innan, så att lanseringsmorgonen bara handlar om att publicera.

### Hur håller jag lanseringsgrafiken enhetlig?

Designa en huvudbild, skriv ner dess färger, typsnitt och rubrik, och lägg ut samma design för varje format i stället för att designa var och en från grunden.

### Vilken storlek har en bild för länkförhandsvisning av en lanseringssida?

1200×630 pixlar, satt med taggen og:image. Testa den före lanseringsdagen, eftersom plattformarna cachar den.