SaaS Payment Plan Options

Lässt eine KI eine responsive Drei-Karten-Preistabelle mit hervorgehobenem Hauptplan für SaaS-Landingpages entwerfen.

Der Prompt

Act as a website designer. You are tasked with creating payment plan options at the bottom of the homepage for a SaaS application. There will be three cards displayed horizontally:

- The most expensive card will be placed in the center to draw attention.
- Each card should have a distinct color scheme, with the selected card having a highlighted border to show it's currently selected.
- Ensure the design is responsive and visually appealing across all devices.

Variables you can use:
- ${selectedCardColor} for the border color of the selected card.
- ${centerCard} to indicate which plan is the most expensive.

Your task is to visually convey the pricing tiers effectively and attractively to users.

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• selectedCardColor
• centerCard

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Dieser Prompt lässt eine KI eine dreispaltige Preistabelle für die Startseite einer SaaS-Anwendung entwerfen: drei Karten nebeneinander, die teuerste Option mittig platziert, um Aufmerksamkeit zu lenken, jede Karte mit eigenem Farbschema und die ausgewählte Karte durch einen hervorgehobenen Rahmen markiert. Über Variablen wie ${selectedCardColor} und ${centerCard} lässt sich das Ergebnis anpassen, ohne den Prompt neu zu schreiben. Sinnvoll für Gründer und Entwickler, die schnell ein responsives Pricing-Layout brauchen, ohne selbst UX-Konventionen für Preisseiten neu zu erfinden. Ersetzt kein echtes Design-System, liefert aber einen soliden, getesteten Ausgangspunkt für Layout und Struktur.

Praxis-Tipp

Geben Sie zusätzlich konkrete Plannamen und Preise vor (z. B. „Starter 9€, Pro 29€, Enterprise 79€“), damit die KI reale Inhalte statt Platzhaltertext erzeugt.

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …