# Indie hacker marketing: lanceergrafieken zonder ontwerper
[Canonical HTML page](https://gradiently.design/nl/guide/indie-hacker-launch-graphics)
Je bouwde het product alleen. De afbeeldingen die het verkopen zijn een stuk kleiner werk dan ze lijken: vijf onderdelen, één look en woorden die zeggen wat het ding doet.
## The short version
- Indie hacker marketing hangt af van een kleine set afbeeldingen: een Open Graph-afbeelding, een X-header, posts voor lanceerdag en een herhaalbaar build-in-public-sjabloon.
- De Open Graph-afbeelding is 1200×630 pixels en verschijnt bij elke link die je deelt, dus maak hem voordat je iemand over het product vertelt.
- Een X-header is 1500×500 pixels en de profielfoto dekt een deel van de linkeronderhoek af, dus houd woorden uit dat gebied.
- Een lanceerafbeelding werkt het best met één regel die zegt wat het product voor wie doet, in minder dan acht woorden.
- Dezelfde achtergrond, hetzelfde font en dezelfde lay-out op elk onderdeel laten een product van één persoon gevestigd ogen en helpen volgers je updates te herkennen.
Goede **indie hacker marketing** draait op een handvol afbeeldingen die je één keer maakt en maandenlang hergebruikt: een Open Graph-afbeelding zodat elke gedeelde link afgewerkt oogt, een X-header, een aankondiging voor lanceerdag en één sjabloon voor je build-in-public-updates. Geen van allen heeft een ontwerper nodig. Ze vragen de juiste formaten, één consistente look en een regel die in minder dan acht woorden zegt wat het product doet. Deze pagina behandelt alle drie en eindigt met een checklist voor lanceerweek die je vanavond kunt afwerken.
## De lanceergrafieken die een indie hacker echt nodig heeft
Solo founders slaan afbeeldingen meestal helemaal over of besteden een week aan een illustratie voor de landingspagina die niemand opmerkt. Het nuttige midden is kort. Dit zijn de onderdelen die mensen echt zien, in de volgorde waarin ze ze zien.
| Onderdeel | Formaat | Waar mensen het zien | Maak het |
| --- | --- | --- | --- |
| Open Graph-afbeelding | 1200×630 | Bij elke link die je deelt op X, LinkedIn, Slack, Discord en in berichten | Voordat je het iemand vertelt |
| X-header | 1500×500 | Je profiel, dat mensen openen na één goede reactie | Twee weken van tevoren |
| X- of Bluesky-post | 1600×900 | De lanceerpost en mijlpaalposts | Lanceerweek |
| Staande LinkedIn-post | 1080×1350 | De lanceerpost voor een zakelijk publiek | Lanceerweek |
| Build-in-public-kaart | 1080×1350 | Wekelijkse updates op X, Threads en LinkedIn | Eén keer, daarna elke week |
Vijf onderdelen dekken bijna elke indielancering. Product Hunt noemt het galerijformaat op het lanceerformulier, dus check het daar en hergebruik je liggende beelden.
- Open Graph 1200×630: 1200 × 630
- X-header 1500×500: 1500 × 500
- X-post 1600×900: 1600 × 900
- Staand 1080×1350: 1080 × 1350
De vier vormen op schaal getekend. De header is een dunne strook en een staande post neemt veel meer van een telefoonscherm in dan een liggende.
## Begin met de Open Graph-afbeelding
De Open Graph-afbeelding is het plaatje dat verschijnt als iemand je link plakt. Het is de meest geziene afbeelding die je ooit maakt, want elke share, elke reactie met je URL en elke nieuwsbriefvermelding draagt hem. Zonder krijgen platforms een lege grijze kaart of een willekeurige uitsnede van je pagina te zien. De volledige regels staan in [Open Graph-afbeeldingsformaat](https://gradiently.design/nl/guide/open-graph-image-size); de korte versie is 1200×630, productnaam, één regel, groot lettertype in het midden.
Een linkvoorbeeldafbeelding van 1200 bij 630 met de tekst Facturen die zichzelf nabellen en de productnaam Paperweight erboven
Een Open Graph-afbeelding voor een denkbeeldige factuurapp: naam, belofte, verder niets. Hij leest nog steeds als thumbnail in een reactie.
Voeg daarna de tags toe aan de head van je pagina. De meeste frameworks hebben er een plek voor, maar dit zijn degene die ertoe doen:
```html
```
Gebruik een absolute URL voor de afbeelding. Zet een versie in de bestandsnaam, want platforms cachen voorbeelden en een nieuwe naam dwingt een verse af.
Heeft je product veel pagina’s die het delen waard zijn, zoals openbare profielen of rapporten, genereer dan een afbeelding per pagina in plaats van één voor de hele site. De meeste frameworks kunnen deze op verzoek uit een sjabloon renderen.
## Schrijf de woorden voordat je kleuren kiest
Indie-lanceergrafieken falen veel vaker op woorden dan op looks. Een zin als ‘de toekomst van productiviteit’ vertelt een scrollende vreemde niets. Een nuttige regel noemt de taak en de persoon: wat verandert er voor hem of haar op maandag. Schrijf tien versies, lees ze hardop en bewaar de eenvoudigste. [Teksten schrijven voor beeld](https://gradiently.design/nl/guide/writing-copy-for-visuals) heeft meer manieren om een regel in te korten.
### Vermijd
- ‘De toekomst van productiviteit’
- ‘AI-gestuurd platform voor moderne teams’
- ‘Versie 1.0 is live’ zonder enige hint wat het is
- Zes functies in één afbeelding geperst
- Een volledige screenshot waarop de interfacetekst onleesbaar is
### Doe
- ‘Facturen die zichzelf nabellen’
- ‘Uptime-meldingen die jou als eerste appen’
- ‘Vandaag live’ plus de ene regel die het uitlegt
- Eén functie per afbeelding, in een reeks
- Een strakke uitsnede van één deel van de interface, vergroot
## Kies één look en houd hem voor elk onderdeel
Indieproducten lopen in elkaar over omdat zoveel mensen naar dezelfde gradiënt van violet naar blauw en dezelfde geometrische schreefloze grijpen. Dat is prima voor een weekendproject en een probleem voor iets wat je onthouden wilt hebben. Kies een grondkleur, één licht of accent en één font, en gebruik ze overal: de site, de OG-afbeelding, de header, elke post. Een look die je maandenlang herhaalt, laat een product van één persoon aanvoelen als een bedrijf.
- Donkere ondergrond, tealkleurig licht: `radial-gradient(circle at 80% 20%, #14b8a6 0%, #134e4a 35%, #05100f 75%)`
- Warm papier: `linear-gradient(160deg, #f8f4ec 0%, #efe6d6 60%, #e2d3bb 100%)`
- Donkere ondergrond, gloeiend licht: `radial-gradient(circle at 20% 80%, #f97316 0%, #7c2d12 40%, #1c0a05 80%)`
Drie beginpunten die het gebruikelijke violet vermijden. Een donkere ondergrond met één verlichte kleur past bij developertools; warm papier bij schrijf- en financiële producten.
Wil je er zelf geen mengen, dan is een Mark van de [Gradiently-Markt](/market) een kant-en-klare levende achtergrond met een eigen typografische stem. Je kunt gratis ontwerpen met elke Mark die niet is geclaimd; claimen maakt je zijn enige eigenaar, dus alleen jij kunt ermee exporteren en je lancering kan niet lijken op die van een andere founder. Claimen is een eenmalige betaling die het eerste jaar behouden bevat, waarna behouden gratis is met Pro of een jaarlijks bedrag per Mark kost. Hij rendert vers op elk formaat en zijn rustigste gebied schuift achter je woorden, wat een drukke achtergrond leesbaar houdt zonder vakken of schaduwen.
## Build-in-public-posts die mensen herkennen tijdens het scrollen
Een wekelijkse update is de ruggengraat van in het openbaar bouwen. Gebruik elke week dezelfde lay-out, zodat volgers weten dat het de jouwe is voordat ze een woord lezen. Open met één echt getal of één echte les en post ook de trage weken: een eerlijke vlakke week levert meer vertrouwen op dan een reeks overwinningen. Deel alleen getallen die waar zijn.
Een staande build-in-public-kaart met Week 14, Eerste 100 gebruikers en een regel die belooft wat werkte en wat niet
Een mijlpaalweek: het getal is de kop, het detail belooft het verhaal in de posttekst.
Een staande build-in-public-kaart met Week 15, Drie dingen die ik opleverde, met donkere modus, CSV-import en snellere zoekfunctie
Een opleverweek in hetzelfde kader. Zelfde achtergrond, zelfde lettertype, zodat de reeks als één leest.
Maak een maand hiervan in één zitting in plaats van er elke vrijdag een. [Socialmediacontent in bulk maken](https://gradiently.design/nl/guide/batch-create-social-media-content) loopt de methode door. Geef grote momenten, zoals lanceerdag of een omzetmijlpaal, een eigen lay-out zodat ze opvallen boven het wekelijkse ritme.
## Je X-header en profiel
De X-header is 1500×500. Je profielfoto ligt over de linkeronderhoek en de strook wordt op telefoons anders bijgesneden, dus houd woorden in het midden en richting rechts. Zet er de productnaam, de ene regel en de URL neer, of niets dan je look. De exacte veilige zones staan in [X-headerformaat](https://gradiently.design/nl/guide/x-header-size).
Een brede X-header met de tekst Paperweight in het openbaar bouwen en een webadres eronder, rechts van het midden gezet
Een header die één taak doet: een bezoeker vertellen waar je aan bouwt. De woorden staan midden-rechts, vrij van de profielfoto.
## Een checklist voor lanceerweek
1. **Twee weken van tevoren: OG-afbeelding en header** Lever de metatags op en plak je URL in een privébericht aan jezelf om het echte voorbeeld te zien.
2. **Een week van tevoren: de woorden** Schrijf de ene regel en drie functieregels. Elke functieregel wordt een eigen afbeelding.
3. **Ontwerp één hoofdkader** Maak de lanceerpost op 1600×900 met je look, je regel en een uitgesneden stuk van de interface.
4. **Maak de andere formaten daaruit** Maak hetzelfde ontwerp opnieuw op voor 1080×1350 voor LinkedIn en Threads en 1080×1920 voor stories, in plaats van bij te snijden, met de woorden van de story binnen de centrale [veilige zone](https://gradiently.design/nl/guide/social-media-safe-zones). [Aanpassen voor elk platform](https://gradiently.design/nl/guide/one-look-every-size) legt uit waarom.
5. **Lanceerdag: één afbeelding per post** Post, pin hem vast op je profiel en reageer op iedereen. Houd de Product Hunt-galerij in dezelfde look zodat bezoekers van beide plekken één product zien.
6. **De week erna: bedank mensen** Deel wat er gebeurde met echte getallen en wat je hierna oplost. Die post reist vaak verder dan de lancering.
Voor het bredere plaatje van een lancering zie je [productlanceergrafieken](https://gradiently.design/nl/guide/launch-day-graphics) en, als je software verkoopt, [SaaS-branding](https://gradiently.design/nl/guide/saas-startup-branding). Breng je de lanceerweek in je editor door, dan werkt Gradiently ook binnen ChatGPT, Claude en andere assistenten die externe MCP-servers ondersteunen: vraag de assistent die je al open hebt om de lanceerpost en het ontwerp opent in de Studio voor een laatste controle. De installatie staat op de [MCP-pagina](https://gradiently.design/nl/developers/mcp).
> **Test elk voorbeeld voordat je post** Platforms cachen linkvoorbeelden dagenlang. Check het jouwe eerst in een privébericht en verander je de afbeelding later, verander dan ook de bestandsnaam.
## FAQ
### Welk formaat moet een Open Graph-afbeelding hebben?
1200×630 pixels. Houd de woorden groot en centraal, want de afbeelding wordt vaak als kleine thumbnail getoond.
### Welk formaat heeft een X-header?
1500×500 pixels. De profielfoto overlapt linksonder, dus houd tekst in het midden en richting rechts.
### Heb ik een ontwerper nodig voor een lancering op Product Hunt?
Nee. Je hebt een heldere beschrijving van één regel nodig, een consistente look en een paar liggende afbeeldingen die elk één functie tonen, wat je in een avond zelf kunt maken.
### Wat hoort in een build-in-public-post?
Eén echt getal of één echte les als kop, elke week dezelfde lay-out en het verhaal in de posttekst. Deel trage weken even eerlijk als goede.
### Hoe houd ik lanceergrafieken consistent?
Kies één achtergrond, één font en één lay-out en ontwerp elk formaat vanuit hetzelfde origineel in plaats van één afbeelding bij te snijden.