Images
If you’re trying to duplicate a specific layout from a reference, it’s best to provide an image in the Replo chat.Reference Images vs Content Images
If you’re trying to create a section where you’re providing the chat with an example image of how the layout should look, as well as images to embed into the layout (for example, hero images, product detail images, etc) then it’s best to ask chat to directly use each one for its intended purpose. For example:“Please recreate the section based on the reference layout in the first image. For the product feature, you can use the second image as a hero image inside the layout.”
Using Images to Point out Mistakes
Sometimes Replo chat might not get the styling for edits right. In these cases, it sometimes helps to upload a screenshot of the incorrect style and ask chat to fix it. For example:“You still haven’t added the correct border around the icons (see attached image for how it looks - you can tell there’s no border there). Please try again to add the border.”
URLs
If you’re trying to duplicate a specific layout from a reference, providing the exact URL is also a great way to get more accurate results. You can prompt Replo chat to build a page or just a section from that URL. Here’s how:- Building a page
- Building a section
- Copy the URL of the page you want to replicate or reference
- Use a prompt like:
- Modify as needed with more prompts to customize design elements, such as:
Change all text to match this copy: [insert text].Replace all images with these URLs: [insert image URLs].Update button colors to #000000 with rounded corners.Make this button go to [insert URL].Add an FAQ section that looks like this [insert image].Rebrand this page to use my brand colors: [insert hex codes].