What is a mockup?
A mockup is a static, detailed picture of how a page will look, with real colours, type and images.
Definition
It sits between a wireframe and a working page: it looks finished but does not work. Mockups are used to review visual design before building.
Why it matters
It catches visual problems before they are built, when they are cheapest to fix.
How to get it right
- Use real content.
- Show mobile and desktop.
- Review it against the brand.
- Hand off with clear specs.
Mistakes to avoid
- Designs that cannot be built
- Only showing desktop
- Placeholder content in reviews
Related terms
Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.
Free to start · No card required · Live in one click
More design terms
Questions, answered.
The things people ask before they start building.
What is a mockup?
A mockup is a static, detailed picture of how a page will look, with real colours, type and images. It sits between a wireframe and a working page: it looks finished but does not work. Mockups are used to review visual design before building.
Why does Mockup matter?
It catches visual problems before they are built, when they are cheapest to fix.
How do you get mockup right?
Use real content. Show mobile and desktop. Review it against the brand. Hand off with clear specs.
Still stuck? Email usBuild something that doesn't look AI-made.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code