# Marketing für Indie Hacker: Launch-Grafiken ohne Designer
[Canonical HTML page](https://gradiently.design/de/guide/indie-hacker-launch-graphics)
Du hast das Produkt allein gebaut. Die Grafiken, die es verkaufen, sind eine viel kleinere Aufgabe, als sie aussehen: fünf Assets, ein Look und Wörter, die sagen, was das Ding tut.
## The short version
- Marketing für Indie Hacker hängt an einer kleinen Zahl von Grafiken: einem Open-Graph-Bild, einem X-Header, Posts für den Launch-Tag und einer wiederverwendbaren Vorlage für Build in Public.
- Das Open-Graph-Bild hat 1200×630 Pixel und erscheint bei jedem Link, den du teilst, also mach es, bevor du irgendwem vom Produkt erzählst.
- Ein X-Header hat 1500×500 Pixel, und das Profilfoto verdeckt einen Teil der unteren linken Ecke, also halte Wörter von dieser Fläche fern.
- Eine Launch-Grafik funktioniert am besten mit einer Zeile, die in weniger als acht Wörtern sagt, was das Produkt für wen tut.
- Derselbe Hintergrund, dieselbe Schrift und dasselbe Layout auf jedem Asset lassen ein Solo-Produkt etabliert wirken und helfen Followern, deine Updates wiederzuerkennen.
Gutes **Marketing für Indie Hacker** läuft über eine Handvoll Grafiken, die du einmal machst und monatelang wiederverwendest: ein Open-Graph-Bild, damit jeder geteilte Link fertig aussieht, einen X-Header, eine Ankündigung für den Launch-Tag und eine Vorlage für deine Build-in-Public-Updates. Keine davon braucht einen Designer. Sie brauchen die richtigen Größen, einen einheitlichen Look und eine Zeile, die in weniger als acht Wörtern sagt, was das Produkt tut. Diese Seite behandelt alle drei und endet mit einer Checkliste für die Launch-Woche, die du heute Abend abarbeiten kannst.
## Die Launch-Grafiken, die ein Indie Hacker wirklich braucht
Solo-Gründer lassen Grafiken entweder ganz weg oder verbringen eine Woche mit einer Landingpage-Illustration, die niemand bemerkt. Der nützliche Mittelweg ist kurz. Das sind die Assets, die Menschen wirklich sehen, in der Reihenfolge, in der sie sie sehen.
| Asset | Größe | Wo Menschen es sehen | Wann erstellen |
| --- | --- | --- | --- |
| Open-Graph-Bild | 1200×630 | Bei jedem Link, den du auf X, LinkedIn, Slack, Discord und in Nachrichten teilst | Bevor du es irgendwem erzählst |
| X-Header | 1500×500 | Auf deinem Profil, das Leute nach einer guten Antwort öffnen | Zwei Wochen vorher |
| Post auf X oder Bluesky | 1600×900 | Der Launch-Post und Meilenstein-Posts | Launch-Woche |
| LinkedIn-Post im Hochformat | 1080×1350 | Der Launch-Post für ein berufliches Publikum | Launch-Woche |
| Build-in-Public-Karte | 1080×1350 | Wöchentliche Updates auf X, Threads und LinkedIn | Einmal, dann jede Woche |
Fünf Assets decken fast jeden Indie-Launch ab. Product Hunt nennt die Galeriegröße im Launch-Formular, prüfe sie also dort und nutze deine Querformate wieder.
- Open Graph 1200×630: 1200 × 630
- X-Header 1500×500: 1500 × 500
- X-Post 1600×900: 1600 × 900
- Hochformat 1080×1350: 1080 × 1350
Die vier Formen maßstabsgetreu. Der Header ist ein schmaler Streifen, und ein Post im Hochformat nimmt auf dem Handy viel mehr Bildschirm ein als einer im Querformat.
## Beginne mit dem Open-Graph-Bild
Das Open-Graph-Bild ist das Bild, das erscheint, wenn jemand deinen Link einfügt. Es ist die meistgesehene Grafik, die du je machen wirst, denn jedes Teilen, jede Antwort mit deiner URL und jede Erwähnung in einem Newsletter trägt es. Fehlt es, zeigen Plattformen eine leere graue Karte oder einen zufälligen Ausschnitt deiner Seite. Die vollständigen Regeln stehen in [Open-Graph-Bildgröße](https://gradiently.design/de/guide/open-graph-image-size); kurz gesagt: 1200×630, Produktname, eine Zeile, große Schrift in der Mitte.
Ein Linkvorschaubild mit 1200 mal 630 Pixeln mit dem Text Rechnungen, die selbst mahnen und dem Produktnamen Paperweight darüber
Ein Open-Graph-Bild für eine erfundene Rechnungs-App: Name, Versprechen, sonst nichts. Es bleibt lesbar, auch als kleines Vorschaubild in einer Antwort.
Ergänze dann die Tags im Head deiner Seite. Die meisten Frameworks haben dafür einen Platz, aber das sind die, auf die es ankommt:
```html
```
Nutze eine absolute URL für das Bild. Setz eine Version in den Dateinamen, denn Plattformen cachen Vorschauen, und ein neuer Name erzwingt eine frische.
Hat dein Produkt viele Seiten, die sich zu teilen lohnen, etwa öffentliche Profile oder Berichte, erzeuge ein Bild pro Seite statt eines für die ganze Website. Die meisten Frameworks können solche Bilder bei Bedarf aus einer Vorlage rendern.
## Schreib die Wörter, bevor du Farben wählst
Indie-Launch-Grafiken scheitern viel öfter an den Wörtern als am Look. Ein Satz wie „die Zukunft der Produktivität“ sagt einem scrollenden Fremden nichts. Eine nützliche Zeile nennt die Aufgabe und die Person: was sich für sie am Montag ändert. Schreib zehn Versionen, lies sie laut und behalte die schlichteste. [Texte für Visuals schreiben](https://gradiently.design/de/guide/writing-copy-for-visuals) zeigt weitere Wege, eine Zeile zu kürzen.
### Vermeide
- „Die Zukunft der Produktivität“
- „KI-gestützte Plattform für moderne Teams“
- „Version 1.0 ist live“ ohne Hinweis, was es ist
- Sechs Funktionen in ein Bild gequetscht
- Ein voller Screenshot, dessen Oberflächentext unlesbar ist
### Mach
- „Rechnungen, die selbst mahnen“
- „Uptime-Alarme, die dir zuerst simsen“
- „Heute live“ plus die eine Zeile, die es erklärt
- Eine Funktion pro Bild, als Serie
- Ein enger, vergrößerter Ausschnitt eines Teils der Oberfläche
## Wähle einen Look und behalte ihn für jedes Asset
Indie-Produkte verschwimmen miteinander, weil so viele zum selben Verlauf von Violett zu Blau und zur selben geometrischen Grotesk greifen. Für ein Wochenendprojekt ist das in Ordnung, für etwas, an das sich Leute erinnern sollen, ein Problem. Wähle eine Grundfarbe, ein Licht oder einen Akzent und eine Schrift und nutze sie überall: Website, OG-Bild, Header, jeder Post. Ein Look, den du monatelang wiederholst, lässt ein Ein-Personen-Produkt wie eine Firma wirken.
- Dunkler Grund, Petrol-Licht: `radial-gradient(circle at 80% 20%, #14b8a6 0%, #134e4a 35%, #05100f 75%)`
- Warmes Papier: `linear-gradient(160deg, #f8f4ec 0%, #efe6d6 60%, #e2d3bb 100%)`
- Dunkler Grund, Glutlicht: `radial-gradient(circle at 20% 80%, #f97316 0%, #7c2d12 40%, #1c0a05 80%)`
Drei Startpunkte, die das übliche Violett meiden. Ein dunkler Grund mit einer leuchtenden Farbe passt zu Entwicklertools; warmes Papier zu Schreib- und Finanzprodukten.
Wenn du nicht selbst mischen willst: Ein Mark aus dem [Markt von Gradiently](/market) ist ein fertiger lebendiger Hintergrund mit eigener Schriftstimme. Mit jedem nicht gesicherten Mark kannst du kostenlos gestalten; wenn du ihn dir sicherst, wirst du sein einziger Besitzer, nur du kannst damit exportieren, und dein Launch kann nicht wie der eines anderen Gründers aussehen. Das Sichern ist eine einmalige Zahlung, das erste Jahr Behalten ist inklusive, danach ist das Behalten mit Pro kostenlos, ohne Pro fällt eine jährliche Gebühr pro Mark an. Er rendert in jeder Größe neu, und sein ruhigster Bereich wandert hinter deine Wörter, so bleibt ein unruhiger Hintergrund ohne Kästen oder Schatten lesbar.
## Build-in-Public-Posts, die man beim Scrollen erkennt
Ein wöchentliches Update ist das Rückgrat von Build in Public. Nutze jede Woche dasselbe Layout, damit Follower wissen, dass es von dir ist, bevor sie ein Wort lesen. Führe mit einer echten Zahl oder einer echten Erkenntnis und poste auch die langsamen Wochen: Eine ehrliche flache Woche schafft mehr Vertrauen als eine Serie von Erfolgen. Teile nur Zahlen, die stimmen.
Eine Build-in-Public-Karte im Hochformat mit Woche 14, Die ersten 100 Nutzer und einer Zeile, die verspricht, was funktioniert hat und was nicht
Eine Meilenstein-Woche: Die Zahl ist die Headline, das Detail verspricht die Geschichte im Posttext.
Eine Build-in-Public-Karte im Hochformat mit Woche 15, Drei Dinge, die ich ausgeliefert habe, mit Dark Mode, CSV-Import und schnellerer Suche
Eine Release-Woche im selben Rahmen. Gleicher Hintergrund, gleiche Schrift, sodass die Serie als eine wirkt.
Mach einen ganzen Monat davon in einer Sitzung statt jeden Freitag einen. [Social-Media-Content im Stapel erstellen](https://gradiently.design/de/guide/batch-create-social-media-content) erklärt die Methode. Gib großen Momenten, etwa dem Launch-Tag oder einem Umsatzmeilenstein, ein eigenes Layout, damit sie sich vom Wochenrhythmus abheben.
## Dein X-Header und Profil
Der X-Header hat 1500×500. Dein Profilfoto sitzt über seiner unteren linken Ecke, und auf Handys wird der Streifen anders beschnitten, also halte Wörter in der Mitte und eher rechts. Setz dort Produktname, die eine Zeile und die URL hin oder gar nichts außer deinem Look. Die genauen sicheren Bereiche stehen in [X-Header-Größe](https://gradiently.design/de/guide/x-header-size).
Ein breiter X-Header mit dem Text Ich baue Paperweight öffentlich und einer Webadresse darunter, rechts der Mitte gesetzt
Ein Header mit einer Aufgabe: Er sagt Besuchern, was du baust. Die Wörter stehen mittig rechts, frei vom Profilfoto.
## Eine Checkliste für die Launch-Woche
1. **Zwei Wochen vorher: OG-Bild und Header** Liefere die Meta-Tags aus und füge deine URL in eine private Nachricht an dich selbst ein, um die echte Vorschau zu sehen.
2. **Eine Woche vorher: die Wörter** Schreib die eine Zeile und drei Funktionszeilen. Jede Funktionszeile wird zu einem eigenen Bild.
3. **Gestalte einen Master-Rahmen** Mach den Launch-Post in 1600×900 mit deinem Look, deiner Zeile und einem Ausschnitt der Oberfläche.
4. **Leite die anderen Größen davon ab** Ordne dasselbe Design in 1080×1350 für LinkedIn und Threads und in 1080×1920 für Storys neu an, statt zuzuschneiden, mit den Story-Wörtern in der mittleren [sicheren Zone](https://gradiently.design/de/guide/social-media-safe-zones). [Für jede Plattform anpassen](https://gradiently.design/de/guide/one-look-every-size) erklärt, warum.
5. **Launch-Tag: ein Bild pro Post** Poste, pinne es an dein Profil, antworte allen. Halte die Galerie auf Product Hunt im selben Look, damit Besucher von beiden Seiten ein Produkt sehen.
6. **Die Woche danach: danke sagen** Teile mit echten Zahlen, was passiert ist und was du als Nächstes behebst. Dieser Post reist oft weiter als der Launch.
Für das größere Bild eines Launches siehe [Grafiken für den Produktlaunch](https://gradiently.design/de/guide/launch-day-graphics) und, wenn du Software verkaufst, [SaaS-Branding](https://gradiently.design/de/guide/saas-startup-branding). Verbringst du die Launch-Woche in deinem Editor: Gradiently funktioniert auch in ChatGPT, Claude und anderen Assistenten, die Remote-MCP-Server unterstützen. Bitte den Assistenten, den du ohnehin offen hast, um den Launch-Post, und das Design öffnet sich zur letzten Prüfung im Studio. Das Setup steht auf der [MCP-Seite](https://gradiently.design/de/developers/mcp).
> **Teste jede Vorschau, bevor du postest** Plattformen cachen Linkvorschauen tagelang. Prüfe deine zuerst in einer privaten Nachricht, und wenn du das Bild später änderst, ändere auch seinen Dateinamen.
## FAQ
### Wie groß sollte ein Open-Graph-Bild sein?
1200×630 Pixel. Halte die Wörter groß und mittig, denn das Bild wird oft als kleines Vorschaubild gezeigt.
### Wie groß ist ein X-Header?
1500×500 Pixel. Das Profilfoto überlappt unten links, also halte Text in der Mitte und eher rechts.
### Brauche ich für einen Launch auf Product Hunt einen Designer?
Nein. Du brauchst eine klare einzeilige Beschreibung, einen einheitlichen Look und ein paar Querformate, die jeweils eine Funktion zeigen, und die kannst du an einem Abend selbst machen.
### Was gehört in einen Build-in-Public-Post?
Eine echte Zahl oder eine echte Erkenntnis als Headline, jede Woche dasselbe Layout und die Geschichte im Posttext. Teile langsame Wochen so ehrlich wie gute.
### Wie halte ich Launch-Grafiken einheitlich?
Wähle einen Hintergrund, eine Schrift und ein Layout und gestalte jede Größe aus demselben Master, statt ein einzelnes Bild zuzuschneiden.