
UI / UX Design
3D Fintech Savings App Mockup
Renders a dark mint glassmorphism fintech hero mockup with a 3D coin jar UI on a smartphone. Modify the headline, target amounts, or author handle to customize your landing page teaser.
fintechapp mockupglassmorphismui design3d renderlanding pagesavings app
Prompt
{
"type": "premium fintech app concept hero mockup",
"style": "sleek 3D glassmorphism UI, dark mint green gradients, realistic smartphone render, soft studio lighting, high contrast, polished product-design presentation, subtle blur and glow, cinematic shadows",
"canvas": {
"aspect_ratio": "16:9 landscape",
"background": "smooth teal-to-emerald gradient fading to near-black at the bottom, minimalist tech presentation backdrop"
},
"layout": {
"centerpiece": "one large black smartphone centered slightly right, front-facing, rounded corners, dynamic-island camera cutout, thin black bezel, realistic side buttons and reflections",
"left_text_block": {
"position": "left middle",
"headline": "[Store your savings in one secure place]",
"style": "large light-gray sans-serif text, two lines, soft opacity"
},
"right_text_block": {
"position": "lower right",
"paragraph_count": 2,
"text": [
"This app is a concept. I will be developing it with Claude. Follow for more progress",
"The idea behind - is to easily manage saving in one app with beautiful UI"
],
"style": "small muted gray sans-serif text"
},
"top_badges": {
"count": 2,
"items": [
{
"position": "top left",
"text": "Saving App",
"shape": "rounded translucent mint pill"
},
{
"position": "top right",
"text": "[@Ilia Zolotukhin]",
"shape": "rounded translucent mint pill"
}
]
}
},
"phone_screen": {
"status_bar": {
"time": "9:41",
"icons": "cell signal, Wi-Fi, battery",
"count": 4
},
"top_controls": {
"count": 2,
"items": [
{
"position": "top left",
"text": "[$1,350 / $5,000]",
"icon": "small flame or droplet icon",
"shape": "mint translucent rounded pill"
},
{
"position": "top right",
"icon": "settings gear",
"shape": "mint circular button"
}
]
},
"main_visual": "large translucent glass jar with metallic mint lid, centered on screen, jar filled at the bottom with stacked silver coins; glossy refractions, vertical highlights, 3D depth, dark green interior background",
"micro_instruction": "Shake your phone to add new amount",
"stats_card": {
"position": "bottom of phone screen",
"shape": "large dark rounded rectangle glass card",
"title": "Total Saved",
"main_amount": "[$1,350]",
"time_toggle": {
"count": 3,
"labels": [
"D",
"W",
"M"
],
"active": "D"
},
"metrics": {
"count": 3,
"items": [
{
"value": "$50",
"label": "Added"
},
{
"value": "12 Days",
"label": "Streak"
},
{
"value": "15 Apr, 2026",
"label": "Created"
}
]
}
},
"bottom_buttons": {
"count": 2,
"items": [
{
"text": "Stats",
"style": "dark rounded button"
},
{
"text": "Add Money",
"style": "bright mint rounded button"
}
]
}
},
"rendering_notes": "make the jar the visual focus, realistic glass transparency and coin geometry, clean modern typography, balanced negative space, no clutter, product-shot quality, suitable for a savings app landing-page teaser"
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[Store your savings in one secure place]placeholder[@Ilia Zolotukhin]placeholder[$1,350 / $5,000]placeholder[$1,350]placeholder
Prompt details
- Category
- UI / UX Design
- Model
- GPT IMAGE 2
- Cost per image
- 1K: 43 credits · 2K: 86 credits · 4K: 143 credits
- Aspect ratio
- 16:9
- Added