Illustrative artwork shows the intended visual direction. Your result depends on your source materials and settings.
An example to adapt
A sleek unbranded open laptop on a warm wooden desk, its screen showing only a soft abstract landscape photograph, a small plant beside it, natural daylight, no interface elements
Provide the exact subject, palette, material and composition you want. Include any required wording and where it should sit in the design.
Materials for this task
Add the materials to their named inputs. Source image: one image.
Choose the supported settings
Available settings include Headline; Supporting copy; Brand name; Visual style. Review the full options in Studio before generation.
Ideas for Website Mockup
Concept exploration
Compare a motif, palette or composition before committing to a finished design.
A project reference
Use the image to communicate the look of a design to a collaborator, then refine construction or layout separately.
From idea to creation
How to use Website Mockup
01
Add the source
Add the materials to their named inputs. Source image: one image.
02
Set the direction
Available settings include Headline; Supporting copy; Brand name; Visual style. Review the full options in Studio before generation.
03
Review the result in Studio
Review lettering, small details and proportions. An image concept may require separate preparation for editable layouts, manufacture or printing.
Frequently asked questions
Add the materials to their named inputs. Source image: one image.
Review lettering, small details and proportions. An image concept may require separate preparation for editable layouts, manufacture or printing.
Provide the exact subject, palette, material and composition you want. Include any required wording and where it should sit in the design.
The form opens the matching Studio tool with your starting materials. Review the available model, settings and cost there before generating. The page images are design illustrations; the result of your run appears in Studio.
