Editorial Ink Landing Pagev1.0.3
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.031 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine ruhige, typografiegetriebene Launch-Website für ein Softwareprodukt: Serif-Headlines auf warmem Papier, ein blass gemalter Himmel und ein funktionierendes Produktfenster, durch das Besucher klicken können. Dazu kommen Seiten für Registrierung, Login, Kontakt, Changelog, Sicherheit, Karriere und Rechtliches in hellem und dunklem Theme, geliefert als eine eigenständige Datei, die in jedem Browser öffnet und offline funktioniert.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern; mit einem Framework-Projekt wird sie in deinem eigenen Stack gebaut.
- Ein funktionierendes Produktfenster im Hero plus eine vollständige Startseite: Manifest mit Tusche-Artwork, Methode, Feature-Bento, belegte Zahlen, Kundenstimmen, Preise mit Platz-Stepper und FAQ.
- Begleitseiten mit validierten Formularen: Registrierung, Login, Vertriebskontakt, ein filterbares Changelog, Sicherheit, Karriere, Datenschutz, AGB und eine Not-found-Seite, in Hell und Dunkel.
Passt gut für
- SaaS-Gründer und Produktteams, die eine durchdachte Launch-Website statt eines lauten Gradient-Templates wollen.
- Developer Tools, die das Produktfenster in Tabs für Übersicht, Logs und Abfragen verwandeln können.
- Dienstleister, die im Fenster ein Kundenportal oder eine Buchungsansicht zeigen und das Changelog zu einem Journal machen können.
Nicht geeignet für
- Echte Registrierungen, Zahlungen oder Nachrichtenversand; die Formulare zeigen nur ehrliche Demo-Bestätigungen.
- Marken, die einen bunten, illustrationslastigen oder lila Look wollen; der Stil bleibt bei einem tintenblauen Akzent.
- Das Produkt selbst bauen; dieser Skill erstellt die Marketing-Website, nicht die App oder ihre Admin-Ansichten.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisSchnelle LieferungEditoriale SerifHaarlinien-RahmenWarmes PapierMalerischer HimmelTuschmalerei
Über diesen Skill
Editorial Ink Landing baut eine ruhige, typografiegetriebene Launch-Website für ein Softwareprodukt: Serif-Headlines auf warmem Papier, ein blass gemalter Himmel hinter dem Hero und ein funktionierendes Produktfenster direkt unter der Headline. Das Beispiel ist Petrichor, eine fiktive Meeting-Memory-App für Gründer, mit vollständiger Startseite und den zugehörigen Seiten für Registrierung, Login, Kontakt, Changelog, Sicherheit, Karriere und Rechtliches.
Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern. Wenn du schon ein Framework-Projekt hast, wird das Design stattdessen dort in deinem eigenen Stack gebaut.
- Ein Produktfenster im Vokabular des Produkts, das Besucher wirklich benutzen können: zwischen Recap, Transcript und Ask wechseln, ein Follow-up abhaken, zu einer Stelle im Transkript springen, eine Frage stellen und eine Antwort mit Quellenangabe erhalten.
- Eine Startseite mit einem Manifest neben einer Sumi-Tuschestudie, einer Erklärung der Methode, einem feinlinigen Bento der Features, belegten Zahlen, umschaltbaren Kundenstimmen, Preisen mit Abrechnungs-Toggle und Platz-Stepper, einem FAQ und einem abschließenden Call to Action unter Abendhimmel.
- Funktionierende Begleitseiten: Registrierung und Login mit Validierung, Vertriebskontakt, ein Changelog mit Filtern und Suche, Sicherheit, Karriere, Datenschutz, AGB und eine Not-found-Seite.
- Helles und dunkles Theme, beide gestaltet, und dezente einmalige Animationen, die reduzierte Bewegung respektieren.
So nutzt du es
- Gib deinen Produktnamen an, was es tut und für wen, deine Haltung, drei bis sechs Funktionen, Tarife mit echten Limits, FAQ-Antworten und alle Zahlen oder Kundenzitate, die du verwenden darfst. Fehlende Texte werden im Ton der Marke entworfen und zur Bestätigung aufgelistet.
- Lass den Agenten mit seinem Bildtool Himmel, Tuschestudien, Story-Foto und Porträts in einer regengewaschenen Palette generieren, oder schick eigene Fotos. Ohne Bildtool kommt die Seite mit weichen, gemalt wirkenden Hintergründen und Initialen statt Fotos.
- Öffne jede Seite in Hell und Dunkel auf Desktop und Smartphone, probier Produktfenster, Preise und Formulare aus und wünsch dir Änderungen.
Gesetzt ist alles in Newsreader, Geist und Geist Mono, eingebettet in die Datei. Die Bildgenerierung nutzt das Bildtool deines Agenten, für das dessen Nutzungskosten anfallen können.
Was du vorab brauchst
- Du bringst mit
- Produktname, was es tut und für wen, und deine Haltung · Drei bis sechs Funktionen, Tarife mit echten Limits und FAQ-Antworten · Zahlen und Kundenzitate, die du verwenden darfst, oder die Erlaubnis, Platzhalter zur Bestätigung zu entwerfen
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildtool in deinem Agenten für Himmel, Tuschestudien und Porträts (optional; die Seite hat eine Variante ohne Fotos)
- Externe Kosten
- Himmel, Tuschestudien, das Story-Foto und Porträts werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Ohne Bildtool nutzt die Seite weiche, gemalt wirkende Hintergründe und Initialen statt Fotos. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …