What is a mockup?

A mockup is a realistic preview of a web page that shows the real colours, fonts, images and layout - so you can see how the finished site will actually look before it is built.

Mockup, explained

A mockup is a detailed, static picture of how a page will look once it is finished. Unlike a plain sketch, a mockup includes the real brand colours, the chosen fonts, sample photos and polished text, laid out just as they will appear. It is the design come to life visually, even though it is not yet a working website you can click through.

It matters because seeing the real look, rather than imagining it, helps everyone agree before the effort of building begins. You can judge whether the colours feel right, whether the headings grab attention, and whether the page feels like your brand. It is much easier to say "make the button bigger" on a mockup than after a site is live. A mockup usually grows out of a simpler wireframe and puts your chosen colour palette and typography on full display, so you can react to the actual feel of the page.

How it works in Promino

With Promino you barely need a separate mockup stage, because what you build is already the real thing. As you add and arrange sections, you see a live, full-colour preview of your actual site with your own branding applied.

The AI can draft a complete first version for you to react to, styled with your colours and fonts, so you get that "here is how it will look" moment straight away. Any change you make shows instantly, which means less guessing and less rework. Discover how it works on the Promino features page.

Build with Promino

Put this into practice

Build a professional site with sections that handle this for you. Build for free, pay only when you publish.