Die Kurzfassung
- 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.
Auf dieser Seite
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.
Größe
Wo Menschen es sehen
Wann erstellen
Wo Menschen es sehen
Wann erstellen
Größe
Wo Menschen es sehen
Wann erstellen
Größe
Wo Menschen es sehen
Wann erstellen
Größe
Wo Menschen es sehen
Wann erstellen
Open Graph 1200×630
1200 × 630
X-Header 1500×500
1500 × 500
X-Post 1600×900
1600 × 900
Hochformat 1080×1350
1080 × 1350
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; kurz gesagt: 1200×630, Produktname, eine Zeile, große Schrift in der Mitte.
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:
<meta property="og:title" content="Paperweight: invoices that chase themselves">
<meta property="og:description" content="Automatic payment reminders for freelancers.">
<meta property="og:image" content="https://example.com/og-v1.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">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 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.
Wenn du nicht selbst mischen willst: Ein Mark aus dem Markt von Gradiently 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 Meilenstein-Woche: Die Zahl ist die Headline, das Detail verspricht die Geschichte im Posttext.
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 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.
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. Für jede Plattform anpassen 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 und, wenn du Software verkaufst, SaaS-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.
Häufige Fragen
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.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen