Mintpage AI Landing Page Hero

A polished SaaS hero mockup showing an AI landing page studio interface in a soft mint-blue office scene.

Ziel: Erstellung eines eleganten, quadratischen Hero-Bildes für ein SaaS-Landingpage-Konzept, das für {argument name="product name" default="MINTPAGE"} wirbt, ein KI-Landingpage-Studio.

Leinwand: 1:1 quadratische Komposition, sanfte Tageslicht-Büroumgebung, Farbpalette in Pastell-Mint und hellem Blau, saubere Premium-Tech-Ästhetik, realistisches 3D-Produkt-Mockup kombiniert mit raffinierter redaktioneller Typografie.

Layout: Zentrieren Sie die Szene um einen großen Desktop-Monitor auf einem glänzenden Glastisch. Platzieren Sie oben eine kleine Markenleiste mit einem kreisförmigen, minzblattartigen Logo, dem Wort {argument name="product name" default="MINTPAGE"}, einer dünnen Trennlinie und dem Untertitel {argument name="brand subtitle" default="AI LANDING PAGE STUDIO"}. Darunter verwenden Sie eine sehr große, elegante Serifenschrift in Dunkelblau für die Überschrift: {argument name="headline text" default="WHY DO MOST AI PAGES LOOK GENERIC?"}. Platzieren Sie unter der Überschrift genau 4 kleine Feature-Badges in einer Reihe mit feinen Mint-Icons und Beschriftungen: 1) AI-Powered, 2) React + Tailwind, 3) Production Ready, 4) Built to Convert.

Hauptmotiv: Der Monitor zeigt eine saubere Web-App-Builder-Oberfläche zur Erstellung von Landingpages. Die Benutzeroberfläche sollte eine obere Navigationsleiste und einen geteilten Arbeitsbereich aufweisen. Zeigen Sie links einen vertikalen Einrichtungsablauf mit genau 4 nummerierten Schritten: 1) Context — Define your idea, 2) Style — Visual direction, 3) Design — AI generates layout, 4) Code — Export production ready code. Zeigen Sie im mittleren Bereich die Überschrift „From Idea to Code. Instantly.“ mit „Code. Instantly.“ in mintfarbenem Kursivstil, gefolgt von Formularfeldern wie Business Name, Target Audience und Core Mission. Zeigen Sie im rechten Bereich einen Code-Editor mit dem Titel „Live Environment“, der lesbaren, aber kleinen Code im React/Tailwind-Stil sowie einen kurzen gerenderten Textausschnitt mit dem Inhalt „Landing pages that look iconic. Built to convert.“ enthält.

Objekte im Vordergrund: Platzieren Sie auf der linken Seite des Schreibtisches ein durchsichtiges Acryl-Namensschild mit dem kreisförmigen Logo sowie dem Text „MINTPAGE“ und „AI LANDING PAGE STUDIO.“ Stapeln Sie darunter oder daneben genau 3 schlanke Bücher mit sichtbaren Buchrückenbeschriftungen: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE. Platzieren Sie vor dem Monitor eine schlanke weiße Tastatur. Stellen Sie auf der rechten Seite eine kleine, durchsichtige, schwebende Statuskarte mit dem Titel „PROJECT STATUS“ auf, die genau 5 abgehakte Punkte auflistet: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported. Fügen Sie außerdem einen hellblauen, gerippten Stiftehalter mit genau 4 Schreibutensilien und eine weiße Maus hinzu.

Umgebung: Minimalistisches, modernes Büro mit unscharfen Regalen und Pflanzen im Hintergrund, großem Lichteinfall durch ein Fenster von rechts, subtilen Reflexionen auf der Glasoberfläche, sanfter Tiefenschärfe, keine Personen.

Visueller Stil: Premium-Startup-Launch-Grafik, sanfte volumetrische Beleuchtung, realistische Produktfotografie, Glassmorphism-Overlays, mintgrüne Akzente, dunkelblaue Serifentypografie, klare UI-Details, ruhige High-End-Studio-Atmosphäre.

Einschränkungen: Verwenden Sie genau die oben aufgeführten Elemente, halten Sie das Bild übersichtlich, machen Sie die Überschrift zum prominentesten Text, vermeiden Sie zusätzliche Logos, Wasserzeichen oder irrelevanten Text.

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Speichern Prompt kopieren Teilen Originalbeitrag In Hitboard öffnen