
UI / UX Design
Futuristic Smart Mirror Landing Page
Renders a sleek tech landing page centered on an interactive smart mirror showing alternative life paths. Modify headlines, brand name, and scenario cards to customize.
landing-pagesmart-mirrorweb-designui-ux3d-rendermockupfuturistic
Prompt
{
"type": "website landing page mockup",
"style": "futuristic, clean, 3D render, corporate tech UI",
"color_palette": "[soft purple, lavender, and silver]",
"header": {
"logo": "[BranchMirror]",
"navigation_links": 5,
"cta_button": "solid purple button at top right"
},
"hero_section": {
"headline": "[選ばなかった未来を、試着する。]",
"subtext": "paragraph of Japanese text explaining the product",
"buttons": [
{
"style": "solid purple",
"text": "[未来を試着]",
"icon": "sparkles"
},
{
"style": "white outline",
"text": "事例を見る",
"icon": "arrow right"
}
],
"feature_tags": {
"count": 3,
"style": "pill-shaped with icons",
"labels": [
"未来人格レンダリング",
"ライフシナリオ比較",
"保存・共有"
]
}
},
"main_visual": {
"subject": "[woman in lavender loungewear with hair in a low bun]",
"pose": "standing, seen from behind, looking into a large freestanding smart mirror",
"smart_mirror_ui": {
"reflections": {
"count": 3,
"descriptions": [
"woman in business suit with city background",
"woman in casual sweater with nature background",
"woman in apron with cafe background"
]
},
"overlay_graphics": "glowing branching diagram starting from a bottom orb, splitting into 3 paths to each reflection, with a central 'Now' label"
}
},
"sidebar_ui": {
"cards": {
"count": 3,
"descriptions": [
"cityscape image with job change stats",
"coastal house image with relocation stats",
"flower shop image with independence stats"
]
},
"bottom_button": "glassmorphism button to see all scenarios"
}
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[soft purple, lavender, and silver]placeholder[BranchMirror]placeholder[選ばなかった未来を、試着する。]placeholder[未来を試着]placeholder[woman in lavender loungewear with hair in a low bun]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