# Indie hacker-marketing: lanceringsgrafik uden en designer
[Canonical HTML page](https://gradiently.design/da/guide/indie-hacker-launch-graphics)
Du byggede produktet alene. Grafikken, der sælger det, er et langt mindre job, end den ser ud til: fem materialer, ét udtryk og ord, der siger, hvad tingen gør.
## The short version
- Indie hacker-marketing afhænger af en lille håndfuld grafikker: et Open Graph-billede, en X-header, opslag på lanceringsdagen og en genbrugelig build in public-skabelon.
- Open Graph-billedet er 1200×630 pixels og vises på hvert link, du deler, så lav det, før du fortæller nogen om produktet.
- En X-header er 1500×500 pixels, og profilbilledet dækker en del af dens nederste venstre hjørne, så hold ord væk fra det område.
- En lanceringsgrafik virker bedst med én linje, der siger, hvad produktet gør for hvem, på under otte ord.
- Den samme baggrund, skrift og layout på hvert materiale får et enmandsprodukt til at se etableret ud og hjælper følgere med at genkende dine opdateringer.
God **indie hacker-marketing** kører på en håndfuld grafikker, du laver én gang og genbruger i måneder: et Open Graph-billede, så hvert delt link ser færdigt ud, en X-header, en annoncering på lanceringsdagen og én skabelon til dine build in public-opdateringer. Ingen af dem kræver en designer. De kræver de rigtige størrelser, ét ensartet udtryk og en linje, der siger, hvad produktet gør, på under otte ord. Her gennemgås alle tre, og siden slutter med en tjekliste til lanceringsugen, du kan arbejde igennem i aften.
## Den lanceringsgrafik, en indie hacker faktisk har brug for
Solo-grundlæggere har en tendens til enten at springe grafik helt over eller bruge en uge på en illustration til landingssiden, som ingen lægger mærke til. Det nyttige midterstykke er kort. Det er de materialer, folk faktisk vil se, i den rækkefølge, de vil se dem.
| Materiale | Størrelse | Hvor folk ser det | Lav det |
| --- | --- | --- | --- |
| Open Graph-billede | 1200×630 | På hvert link, du deler på X, LinkedIn, Slack, Discord og i beskeder | Før du fortæller nogen noget |
| X-header | 1500×500 | Din profil, som folk åbner efter ét godt svar | To uger før |
| Opslag på X eller Bluesky | 1600×900 | Lanceringsopslaget og opslag om milepæle | Lanceringsugen |
| LinkedIn-opslag i stående format | 1080×1350 | Lanceringsopslaget til et professionelt publikum | Lanceringsugen |
| Build in public-kort | 1080×1350 | Ugentlige opdateringer på X, Threads og LinkedIn | Én gang, så hver uge |
Fem materialer dækker næsten enhver indie-lancering. Product Hunt oplyser sin gallerisstørrelse i lanceringsformularen, så tjek den der og genbrug dine liggende billeder.
- Open Graph 1200×630: 1200 × 630
- X-header 1500×500: 1500 × 500
- X-opslag 1600×900: 1600 × 900
- Stående 1080×1350: 1080 × 1350
De fire former tegnet i målestok. Headeren er en tynd strimmel, og et opslag i stående format fylder langt mere af en telefonskærm end et liggende.
## Start med Open Graph-billedet
Open Graph-billedet er det billede, der vises, når nogen indsætter dit link. Det er den mest sete grafik, du nogensinde laver, fordi hver deling, hvert svar med din URL og hver omtale i et nyhedsbrev bærer det med sig. Uden et viser platforme et tomt gråt kort eller et tilfældigt udsnit af din side. Alle reglerne står i [størrelse på Open Graph-billede](https://gradiently.design/da/guide/open-graph-image-size); kortversionen er 1200×630, produktnavn, én linje, stor skrift i midten.
Et linkforhåndsvisningsbillede på 1200 gange 630 med teksten Fakturaer, der jagter selv, og produktnavnet Paperweight over
Et Open Graph-billede til en tænkt faktureringsapp: navn, løfte, intet andet. Det kan stadig læses, når det skrumper til et miniaturebillede i et svar.
Tilføj derefter tagsene til din sides head. De fleste frameworks har et sted til dem, men disse er dem, der betyder noget:
```html
```
Brug en absolut URL til billedet. Sæt en version i filnavnet, for platforme cacher forhåndsvisninger, og et nyt navn fremtvinger en ny.
Hvis dit produkt har mange sider, der er værd at dele, som offentlige profiler eller rapporter, så lav ét billede pr. side i stedet for ét til hele webstedet. De fleste frameworks kan gengive dem på forespørgsel ud fra en skabelon.
## Skriv ordene, før du vælger farver
Indie-lanceringsgrafik fejler på ord langt oftere end på udseende. En sætning som »produktivitetens fremtid« siger intet til en fremmed, der scroller forbi. En brugbar linje nævner opgaven og personen: hvad der ændrer sig for dem mandag. Skriv ti versioner, læs dem højt, og behold den mest enkle. [Tekster til visuelt indhold](https://gradiently.design/da/guide/writing-copy-for-visuals) har flere måder at skære en linje ned på.
### Undgå
- »Produktivitetens fremtid«
- »AI-drevet platform til moderne teams«
- »Version 1.0 er live« uden et fingerpeg om, hvad det er
- Seks funktioner proppet ind i ét billede
- Et helt skærmbillede, hvor grænsefladens tekst ikke kan læses
### Gør
- »Fakturaer, der jagter selv«
- »Oppetidsalarmer, der sms'er dig først«
- »Live i dag« plus den ene linje, der forklarer det
- Én funktion pr. billede, i en rækkefølge
- Et stramt udsnit af én del af grænsefladen, forstørret
## Vælg ét udtryk, og behold det på alle materialer
Indie-produkter flyder sammen, fordi så mange griber efter den samme gradient fra violet til blå og den samme geometriske sans. Det er fint til et weekendprojekt og et problem for noget, du vil have folk til at huske. Vælg en grundfarve, ét lys eller en accent og én skrift, og brug dem overalt: webstedet, OG-billedet, headeren, hvert opslag. Et udtryk, du gentager i måneder, er det, der får et enmandsprodukt til at føles som en virksomhed.
- Mørk bund, turkist lys: `radial-gradient(circle at 80% 20%, #14b8a6 0%, #134e4a 35%, #05100f 75%)`
- Varmt papir: `linear-gradient(160deg, #f8f4ec 0%, #efe6d6 60%, #e2d3bb 100%)`
- Mørk bund, gløder af lys: `radial-gradient(circle at 20% 80%, #f97316 0%, #7c2d12 40%, #1c0a05 80%)`
Tre udgangspunkter, der undgår den sædvanlige violet. En mørk bund med én oplyst farve passer til udviklerværktøjer; varmt papir passer til skrive- og finansprodukter.
Hvis du hellere vil undgå selv at blande, er en Mark fra [Gradiently-Markedet](/market) en færdig levende baggrund med sin egen typografiske stemme. Du kan designe med enhver Mark, som ingen har sikret sig, gratis; når du sikrer dig den, bliver du dens eneste ejer, så kun du kan eksportere med den, og din lancering kan ikke ligne en anden grundlæggers. At sikre sig en er en engangsbetaling, der inkluderer det første års beholdelse, hvorefter beholdelse er gratis med Pro eller koster et årligt gebyr pr. Mark. Den gengives frisk i enhver størrelse, og dens roligste område flytter sig bag dine ord, hvilket holder en livlig baggrund læselig uden bokse eller skygger.
## Build in public-opslag, folk genkender, mens de scroller
En ugentlig opdatering er rygraden i at bygge offentligt. Brug det samme layout hver uge, så følgerne ved, at det er dit, før de læser et ord. Start med ét ægte tal eller én ægte lære, og del også de langsomme uger: En ærlig flad uge giver mere tillid end en stribe sejre. Del kun tal, der er sande.
Et build in public-kort i stående format med teksten Uge 14, De første 100 brugere og en linje, der lover, hvad der virkede, og hvad der ikke gjorde
En milepælsuge: Tallet er overskriften, og detaljen lover historien i opslagsteksten.
Et build in public-kort i stående format med teksten Uge 15, Tre ting, jeg lancerede, der opregner mørk tilstand, CSV-import og hurtigere søgning
En udgivelsesuge i den samme ramme. Samme baggrund, samme skrift, så serien læses som én.
Lav en måneds forsyning af dem i ét hug frem for ét hver fredag. [Masseproduktion af indhold til sociale medier](https://gradiently.design/da/guide/batch-create-social-media-content) gennemgår metoden. Giv store øjeblikke, som lanceringsdagen eller en omsætningsmilepæl, et layout for sig selv, så de skiller sig ud fra den ugentlige rytme.
## Din X-header og profil
X-headeren er 1500×500. Dit profilbillede sidder over dens nederste venstre hjørne, og strimlen beskæres anderledes på telefoner, så hold ord i midten og mod højre. Sæt produktnavnet, den ene linje og URL'en der, eller intet andet end dit udtryk. De præcise sikre områder står i [størrelse på X-header](https://gradiently.design/da/guide/x-header-size).
En bred X-header med teksten Bygger Paperweight offentligt og en webadresse under, sat til højre for midten
En header, der gør ét job: fortæller en besøgende, hvad du bygger. Ordene sidder midt for til højre, væk fra profilbilledet.
## En tjekliste til lanceringsugen
1. **To uger før: OG-billede og header** Udgiv meta-tagsene, og indsæt din URL i en privat besked til dig selv for at se den rigtige forhåndsvisning.
2. **En uge før: ordene** Skriv den ene linje og tre funktionslinjer. Hver funktionslinje bliver til sit eget billede.
3. **Design én masterramme** Lav lanceringsopslaget i 1600×900 med dit udtryk, din linje og et udsnit af grænsefladen.
4. **Lav de andre størrelser ud fra den** Læg det samme design ud igen i 1080×1350 til LinkedIn og Threads og 1080×1920 til stories i stedet for at beskære, med ordene i stories inden for den centrale [sikre zone](https://gradiently.design/da/guide/social-media-safe-zones). [Tilpasning til hver platform](https://gradiently.design/da/guide/one-look-every-size) forklarer hvorfor.
5. **Lanceringsdagen: ét billede pr. opslag** Slå op, fastgør det til din profil, svar alle. Hold Product Hunt-galleriet i det samme udtryk, så besøgende, der kommer fra begge steder, ser ét produkt.
6. **Ugen efter: sig tak** Del, hvad der skete, med rigtige tal, og hvad du retter næste gang. Det opslag rejser ofte længere end selve lanceringen.
For det bredere billede af en lancering, se [grafik til produktlancering](https://gradiently.design/da/guide/launch-day-graphics) og, hvis du sælger software, [SaaS-branding](https://gradiently.design/da/guide/saas-startup-branding). Bruger du lanceringsugen i din editor, virker Gradiently også inde i ChatGPT, Claude og andre assistenter, der understøtter eksterne MCP-servere: Bed den assistent, du allerede har åben, om lanceringsopslaget, og designet åbner i Studio til et sidste tjek. Opsætningen står på [MCP-siden](https://gradiently.design/da/developers/mcp).
> **Test hver forhåndsvisning, før du slår op** Platforme cacher linkforhåndsvisninger i dagevis. Tjek din i en privat besked først, og hvis du senere ændrer billedet, så ændr også dets filnavn.
## FAQ
### Hvor stort skal et Open Graph-billede være?
1200×630 pixels. Hold ordene store og centrale, for billedet vises ofte som et lille miniaturebillede.
### Hvor stor er en X-header?
1500×500 pixels. Profilbilledet overlapper nederst til venstre, så hold teksten i midten og mod højre.
### Har jeg brug for en designer til en Product Hunt-lancering?
Nej. Du skal bruge en klar beskrivelse på én linje, et ensartet udtryk og nogle få liggende billeder, der hver viser én funktion, og dem kan du lave selv på en aften.
### Hvad skal et build in public-opslag indeholde?
Ét ægte tal eller én ægte lære som overskrift, det samme layout hver uge og historien i opslagsteksten. Del de langsomme uger lige så ærligt som de gode.
### Hvordan holder jeg lanceringsgrafikken ensartet?
Vælg én baggrund, én skrift og ét layout, og design hver størrelse ud fra den samme master frem for at beskære ét billede.