Zum Inhalt springen
Codex DesignBETA

Prompt für den Startscreen einer Fitness-App in GPT Image 2.6

Startscreen einer Lauf-App mit Wochendistanz-Ring, Button „Lauf starten“, Karte zum letzten Lauf und vier Tabs, zum Anpassen an deine App.

Prompt
Erstelle eine realistische mobile App-Oberfläche für [eine Lauf-App]. Startscreen für eine wiederkehrende Läuferin: Begrüßung „Morgen, Sam“, ein Ring für die Wochendistanz mit „18,4 / 25 km“, ein primärer Button „Lauf starten“, eine Karte zum letzten Lauf mit Routen-Thumbnail, Pace und Zeit sowie eine Tab-Leiste unten: Start, Pläne, Aktivität, Profil. Klare weiße Oberfläche, ein einziger energiegeladener Orangeakzent, klare Typografie. iPhone-Screen, kein Geräterahmen.
Funktioniert mit
GPT Image 2.6
Aus der Sammlung
Prompts für GPT Image 2.6

Über diesen Prompt

Dieser Prompt erzeugt einen einzelnen iPhone-Screen ohne Geräterahmen für eine Läuferin, die die App schon kennt: die Begrüßung „Morgen, Sam“, einen Ring mit „18,4 / 25 km“ für die Woche, einen orangefarbenen Button „Lauf starten“, eine Karte zum letzten Lauf mit Routen-Thumbnail, Pace und Zeit sowie eine Tab-Leiste mit Start, Pläne, Aktivität und Profil. Weil jedes Element ein echtes Bedienelement mit echten Daten ist, wirkt das Bild wie eine veröffentlichte App und nicht wie ein Konzept.

Ersetze [eine Lauf-App] durch dein eigenes Produkt und pass dann die Zahlen in den Anführungszeichen dazu an: Eine Fahrrad-App zeigt vielleicht „142 / 200 km“, ein Schrittzähler „48.200 / 70.000 Schritte“. Benenne die Tabs passend zu deiner Navigation um und tausch das Orange gegen deine Markenfarbe, lass aber die Vorgabe für einen einzigen Akzent stehen, damit „Lauf starten“ die offensichtliche Aktion bleibt.

Pace und Zeit auf der Karte zum letzten Lauf sind die kleinste Schrift im Bild. Prüf sie, bevor du das Bild teilst, und nimm für die finale Version Sunburst, das Modell für Details und kleine UI-Texte. Stimmt das Layout, häng das Bild in Codex an und lass den Screen als HTML in 390×844 nachbauen.

Weitere Prompts aus dieser Sammlung

Ein unabhängiges Plugin für Codex. Nicht mit OpenAI verbunden und nicht von OpenAI unterstützt.