Das bekommst du
- Eine HTML-Datei mit eingebetteten Schriften und Bildern, ohne Netzwerkanfragen
- Startseite mit Tilt-Card-Hero, Feature-Bento, Workflow-Story, Testimonials, Preisen und Registrierung
- Routen für Changelog, Kundengeschichte, Login, Rechtliches und 404
- Ein Validator, der defekte Links, fehlende Alt-Texte und übrig gebliebene Beispielnamen findet
- Optionale Porträt- und Story-Fotos, mit PopNow nach einem Credit-Angebot erzeugt
Gut für
- Launch-Seiten für SaaS und Entwicklertools
- Eine komplette Marketingseite, die vom ersten Tag an fertig aussehen muss
- Redesign einer dunklen Produktseite mit funktionierenden Preisen und Formularen
Nicht für
- Helle oder Pastell-Marken: Das Design ist nur dunkel
- Onlineshops oder inhaltslastige Blogs
- Seiten, die im Hero einen echten Produkt-Screenshot zeigen müssen
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Dunkle SaaS-Landingpage“ (dark-saas-landing-page) dafür: Baue eine Landingpage für Tally, ein Bereitschafts-Alerting-Tool für kleine Engineering-Teams. Drei Tarife: Free, Team $12/Nutzer, Business $24/Nutzer.
In einem Coding-Agent
/popnow-dark-saas-landing-page Baue eine Landingpage für Tally, ein Bereitschafts-Alerting-Tool für kleine Engineering-Teams. Drei Tarife: Free, Team $12/Nutzer, Business $24/Nutzer.
Dann probier
Erzeuge drei Testimonial-Porträts für das Spotlight und nenn mir vorher den Preis.
Portiere das in meine Next.js-App unter app/(marketing).
Das solltest du bereithalten
- Produktname, was es tut, und das zentrale Ergebnis
- 4–5 Funktionen, 3–4 Workflow-Schritte und deine Preisstufen
- Echte Testimonials und Zahlen oder die Freigabe für Platzhalter
- Optional: einen PopNow-API-Schlüssel oder eigene Teamfotos
Ähnliche Skills
Alle ansehen →3D-Avatar-Maker
+3Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
Kalender-Heatmap
+3Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
KI-SaaS-Landingpage
+3Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
Animierte Hero-Section
+3Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
Shader-Hero-Website für Agenturen
+3Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
Designer-Portfolio-Website
+3Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
Entwickler-Portfolio-Website
+3Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
Redaktionelle SaaS-Website
+3Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
Glassmorphism-Website-Vorlage
+3Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
Website für Hardware-Produkte
+3Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
Interaktives Architekturdiagramm
+3Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
Interaktiver Raster-Hero
+3Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
Knowledge-Graph-Explorer
+3Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
KPI-Dashboard-Vorlage
+3Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
Landingpage aus KI-Mockups
+3Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
Magazin-Website-Vorlage
+3Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
Partikel-Animations-Hero
+3Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
Persönliche Marken-Website
+3Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
Kinoreife Produkt-Launch-Seite
+3Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
Admin-Dashboard-Vorlage
+3Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
SaaS-Landingpage-Vorlage
+3Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
Portfolio-Website im Scrapbook-Stil
+3Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
Sneaker-Shop-Website-Vorlage
+3Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
Landingpage für Workflow-Automatisierung
+3Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Braucht die Seite ein Framework oder einen Build-Schritt?
Nein. Standardmäßig entsteht eine HTML-Datei, die du direkt von der Festplatte öffnen oder auf jedes statische Hosting hochladen kannst. Hast du schon ein React-, Vue-, Svelte- oder Astro-Projekt, baut der Skill dieselben Abschnitte stattdessen als Komponenten.
Was erzeugt PopNow hier?
Nur Fotos: Testimonial-Porträts, kleine Kopfbilder für die Proof-Leiste und die Bilder der Kundengeschichte. Der Hero ist ein gezeichneter Produktscreen und braucht kein Bild. Jeder Lauf wird vorher in Credits beziffert und startet erst nach deiner Zustimmung.
Kann ich es ohne PopNow-API-Schlüssel nutzen?
Ja. Der Skill behält die mitgelieferten Platzhalterporträts unter neuen Namen oder weicht auf Initialen-Avatare aus und sagt dir, welche Plätze noch echte Fotos brauchen.
Was passiert mit der Beispielmarke und den Beispielpersonen?
Sie werden ersetzt. Der Validator schlägt fehl, wenn noch ein Beispiel-Produktname, eine Person oder ein Unternehmen auf der fertigen Seite steht, und alles, was der Skill erfinden musste, wird dir zur Bestätigung aufgelistet.