Skip to main content
You need: the page’s goal, audience, and confirmed information · Example: a fictional residential development You want to promote a launch, but you are still discussing what to highlight. Ask for a preview of the promotional page so your team can assess the idea before moving into production. In marketing, a page focused on presenting an offer and guiding visitors toward an action is also called a landing page.

​
See a concept take shape

Explore a complete example page: a cover image, headline, highlights, and frequently asked questions. Use the navigation to move through the sections and open the questions to read the answers. The sample’s own button is Ver detalhes do apartamento (See apartment details). Open its questions to read the answers.
This complete page was generated by Morada OS in a Portuguese test conversation, with an AI-generated illustration attached in a follow-up. Its content remains in Portuguese. The development is fictional; the page does not register interest or send messages.

​
Copy and adapt the prompt

Replace the development and information with your own. If you have visual references or brand materials, include them in the request. Learn how to prepare them in Brand visuals.

​
Want a cover image?

For the sample above, we attached this AI-generated illustration and requested a more complete page with navigation, a cover, features, and frequently asked questions after the first version. The displayed file is the result of that follow-up in the same conversation. Attach an image you have permission to use and add: “Use this as the cover image and include it in the file itself so it appears when I open the preview.” If you are still exploring a fictional concept, you can also ask the assistant to create an illustration first:
For a real development, use approved images and information. An illustration helps explore a visual direction; it does not establish the project’s architecture or amenities.

​
Review it as a visitor

Click the .html card and open Visualização (Preview). Use Expandir visualização (Expand preview) to browse the page with more space. Check whether the first screen explains the offer, the main action is clear, and the text works on a phone. Baixar arquivo (Download file) saves the draft so you can continue working outside chat.

​
Give a reason for each change

“The headline is generic. Highlight the balcony and a couple’s daily routine, without promising a view or location.”
“Show the highlights before the questions section and reduce the amount of text.”
“Create a second, more understated visual direction, keeping exactly the confirmed information.”
The benefit is discussing a proposal the team can see, instead of everyone imagining a different page. This preview does not set up a domain, hosting, form submissions, or sales integrations. Those steps are part of actually publishing the website. See also how to open and download the file, and understand the preview’s limits.