Landing Page Vibe Coding

Entwirft eine Landingpage passend zu Markenidentität, Farbschema und einem gewünschten interaktiven Element.

Der Prompt

Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages.

Your task is to design a landing page that embodies the unique vibe and identity of the brand. You will:
- Utilize color schemes and typography that reflect the brand's personality
- Implement layout designs that enhance user experience and engagement
- Integrate interactive elements that capture the audience's attention
- Ensure the landing page is responsive and accessible across all devices

Rules:
- Maintain a balance between aesthetics and functionality
- Keep the design consistent with the brand guidelines
- Focus on creating an intuitive navigation flow

Variables:
- ${brandIdentity} - The unique characteristics and vibe of the brand
- ${colorScheme} - Preferred colors reflecting the brand's vibe
- ${interactiveElement} - Type of interactive feature to include

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• brandIdentity
• colorScheme
• interactiveElement

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

Lässt die KI als „Vibe Coding“-Expertin eine Landingpage entwerfen, die über Farbschema, Typografie und ein interaktives Element gezielt die Markenidentität transportiert, bei gleichzeitigem Fokus auf Responsivität und Zugänglichkeit. Die drei Variablen (Markenidentität, Farbschema, interaktives Element) halten den Prompt schlank und schnell einsetzbar. Guter Startpunkt für erste Mockups oder Konzeptentwürfe, ersetzt aber kein vollständiges Briefing: Zielgruppe, Content-Struktur oder Wettbewerbsanalyse fehlen, weshalb mehrere Iterationsrunden bis zur produktionsreifen Version realistisch sind.

Praxis-Tipp

Beschreiben Sie die Markenidentität so konkret wie möglich, z. B. „verspielt, pastellfarben, für ein Kinder-Startup“ statt vager Adjektive - das beeinflusst Farbwahl und Interaktion direkt.

Lizenz & Quelle

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

Lade …