Pastel Running App UI with Sloth Mascot
This prompt generates a polished three-screen mobile running app concept with soft pastel styling and a cute sloth mascot, ideal for app design showcases and editable UI mockups.
This is a GPT Image 2 prompt case for Graphic & Poster. Use the copy-ready prompt below to generate similar visuals, and review Awesome GPT Image 2 Prompts attribution plus commercial-use rights before reuse.
Need the full prompt set? Use the Graphic & Poster topic hub for more related examples, or open the GPT Image 2 prompt library for the full example index, reusable structures, and source attribution.
Free 1K preview
Generate one preview image instantly, no sign-up required.
4000/4000
Prompt
Copy-ready prompt
{
"type": "mobile fitness app UI mockup",
"style": "clean modern pastel app design, soft beige and warm white surfaces, muted sage green accents, rounded cards and buttons, subtle shadows, thin minimalist line icons, friendly playful branding with a sloth mascot, dribbble-style presentation on a dark brown dotted background",
"theme": "running tracker app",
"layout": {
"device_count": 3,
"arrangement": "three tall smartphone screens side by side, evenly spaced, front view",
"background": "very dark brown with a faint evenly spaced dot grid",
"screens": [
{
"position": "left",
"screen_type": "home dashboard",
"header": {
"greeting": "Good morning, Runner! 👋",
"left_icon": "none",
"right_icon": "notification bell"
},
"hero_card": {
"headline": "Ready for a great day?",
"subcard_text_line_1": "Every step forward is a win.",
"subcard_text_line_2": "Let's make it count. 🌱",
"illustration": "cute sloth wearing a cream headband and mint-green workout outfit, standing and waving inside the card on the right"
},
"sections": [
{
"title": "This Week",
"position": "upper middle",
"count": 3,
"labels": [
"Runs",
"Distance",
"Time"
],
"values": [
"3",
"12.6 km",
"1h 45m"
],
"presentation": "single rounded stats card with three equal columns and pale green circular icons"
},
{
"title": "NEXT GOAL",
"position": "middle lower",
"count": 1,
"labels": [
"20 km this month"
],
"values": [
"63%"
],
"presentation": "rounded progress card with green progress bar and small waving sloth illustration on the right"
},
{
"title": "Recent Activity",
"position": "lower",
"count": 1,
"labels": [
"Recent Activity"
],
"presentation": "top edge of another rounded card visible, cropped by the bottom navigation"
}
],
"bottom_nav": {
"count": 4,
"labels": [
"Home",
"Run",
"Progress",
"Profile"
],
"active": "Home"
}
},
{
"position": "center",
"screen_type": "run summary",
"header": {
"left_icon": "back chevron",
"center_text": "Great job!",
"subtext": "You did it. Time to celebrate. 🎉",
"right_icon": "share"
},
"hero_illustration": "cute sloth wearing a headband, mint athletic outfit, and a gold medal, both arms raised in celebration",
"stats_row": {
"count": 3,
"labels": [
"Distance",
"Time",
"PACE"
],
"values": [
"5.00km",
"32:15",
"6:27"
],
"presentation": "three rounded statistic pills"
},
"achievement_card": {
"count": 1,
"title": "New Personal Best! 🌟",
"subtitle": "You shaved 1:12 off your previous 5K.",
"icon": "small gold medal badge"
},
"table_section": {
"title": "Splits",
"count": 2,
"columns": [
"KM",
"PACE",
"Time"
],
"rows": [
[
"1",
"6:35",
"6:35"
],
[
"2",
"6:23",
"12:58"
]
],
"presentation": "rounded white table card with light dividers"
}
},
{
"position": "right",
"screen_type": "run goal setup",
"header": {
"left_icon": "close x",
"center_text": "Time to run!",
"subtext": "You've got this. We'll take it slow. 🦥",
"right_icon": "settings gear"
},
"goal_visual": {
"type": "circular progress selector",
"top_label": "CHOOSE A GOAL",
"main_value": "5.00",
"unit": "KM",
"ring": "thick partial sage-green arc on a pale beige circle",
"illustration": "small sloth stretching on the upper-right edge of the circle"
},
"goal_options": {
"count": 4,
"labels": [
"2 km",
"5 km",
"10 km",
"Half"
],
"active": "5 km"
},
"primary_cta": {
"label": "Start Run",
"style": "large rounded sage-green button"
},
"secondary_action": {
"label": "Just Track",
"icon": "location pin"
},
"bottom_nav": {
"count": 4,
"labels": [
"Home",
"Run",
"Progress",
"Profile"
],
"active": "Run"
}
}
]
}
}Best for
- - Graphic & Poster visual exploration
- - Image generation and reference-image edits
- - Reusable briefs that keep source attribution visible
Change these parts
- - Subject, product, character, or scene
- - Aspect ratio, camera, lighting, and background
- - Brand, text, color, and output constraints
Recommended model and settings
- - Model: gpt-image-2
- - Input mode: Text to Image
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 4. Inspect the output, source, text, and rights before reuse.
Limitations, source, and reuse cautions
- - Generated output is an editable draft, not factual, legal, or rights evidence.
- - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Imported from Awesome GPT Image 2 Prompts. Attribution is required. Commercial-use status is allowed; review source rights before paid usage.
More cases in this category
Prioritized by category, input mode compatibility, quality, and lower risk.
Reuse and source notes
Use this prompt safely after previewing the case.
- 1.Copy the prompt or open it directly in Dovoo with the generation button.
- 2.Adjust variables, aspect ratio, and reference images for your own use case.
- 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.
Can I use this prompt commercially?
Commercial-use status is allowed. Review the original source, license, brand constraints, and legal requirements before paid usage.
Where does this case come from?
This case is imported from Awesome GPT Image 2 Prompts; keep attribution visible and check the source URL before reuse.