Futuristic Smart Mirror Website Mockup

Generates a modern, futuristic website landing page mockup featuring a smart mirror UI that displays branching life scenarios. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "website landing page mockup", "style": "futuristic, clean, 3D render, corporate tech", "color_palette": "{argument name=\"color palette\" default=\"soft purple, lavender, and silver\"}", "header": { "logo": "{argument name=\"brand name\" default=\"BranchMirror\"}", "navigation_links": 5, "cta_button": "solid purple button at top right" }, "hero_section": { "headline": "{argument name=\"main headline\" default=\"選ばなかった未来を、試着する。\"}", "subtext": "paragraph of Japanese text explaining the product", "buttons": [ { "style": "solid purple", "text": "{argument name=\"primary button text\" default=\"未来を試着\"}", "icon": "sparkles" }, { "style": "white outline", "text": "事例を見る", "icon": "arrow right" } ], "feature_tags": { "count": 3, "style": "pill-shaped with icons", "labels": ["未来人格レンダリング", "ライフシナリオ比較", "保存・共有"] } }, "main_visual": { "subject": "{argument name=\"subject description\" default=\"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" } }

A practical guide to Futuristic Smart Mirror Website Mockup

Use Futuristic Smart Mirror Website Mockup to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.