Skip to content
Codex DesignBETA

Fitness app home screen prompt for GPT Image 2.6

A running app home screen with a weekly distance ring, a Start run button, a last-run card and a four-tab bar, ready to adapt to your own app.

Prompt
Create a realistic mobile app UI for [a running app]. Home screen for a returning runner: greeting "Morning, Sam", weekly distance ring showing "18.4 / 25 km", a "Start run" primary button, last run card with route map thumbnail, pace and time, and a bottom tab bar: Home, Plans, Activity, Profile. Clean white UI, one energetic orange accent, clear typography. iPhone screen, no device frame.
Works with
GPT Image 2.6
From the set
GPT Image 2.6 prompts

About this prompt

This prompt produces one iPhone screen, without a device frame, for a runner who has opened the app before: the greeting “Morning, Sam”, a ring showing “18.4 / 25 km” for the week, an orange “Start run” button, a card for the last run with a route thumbnail, pace and time, and a tab bar with Home, Plans, Activity and Profile. Because every element is a real control with real data, the image reads as a shipped app rather than a concept.

Replace [a running app] with your own product, then make the quoted numbers agree with it: a cycling app might show “142 / 200 km”, a step counter “48,200 / 70,000 steps”. Rename the tabs to match your navigation and swap the orange for your brand color, but keep the instruction for a single accent so Start run stays the obvious action.

Pace and time on the last-run card are the smallest text in the image, so check them before you share it, and use Sunburst, the model for detail and small UI text, for the final version. Once the layout is right, attach the image in Codex and ask it to rebuild the screen as HTML at 390×844.

More prompts from this set

An independent plugin for Codex. Not affiliated with or endorsed by OpenAI.