A Lazy AI community member once said,
"Creating a great UI in Lazy is kind of like a Gordon Ramsey recipe, you have to cook it with heart, you know. Not only cooking with heart matters, but also the quality of ingredients. Ingredients are like prompts. Most of the time, using bold "ingredients" is actually really good and can make the product tasty. But the most important addition to the meal is doing research on how web design works and using the appropriate names for components when prompting Lazy AI".
Here are few examples to help you.
Layout Adjustments: For symmetry and precise layout adjustments, you can be very specific with your prompts. Here’s how you might frame it:
"Lazy, please align all form fields so they are vertically centered and spaced evenly. Ensure the 'Username' and 'Password' fields start at the same horizontal point and are the same length."
For the text field sizes: "Lazy, make the lyrics text box larger and the status field smaller. Place the lyrics text box at the top."
Color and Graphics: To make sure the app reflects your brand colors (black, vibrant lavender, and white) and includes abstract sound wave graphics:
"Lazy, change the primary color palette to black and vibrant lavender, and ensure all text is easily readable against these backgrounds."
"Lazy, add an abstract sound wave graphic as the background on each page. Ensure it doesn't interfere with text or fields."
Field Alignment and Readability: To address the readability and alignment issues:
"Lazy, make all text in fields and buttons black for readability against the background."
"Ensure all fields are aligned symmetrically, with consistent spacing between tabs and text fields."
Adding/Uploading Images: For adding specific background images:
"Lazy, use this URL [insert image URL] for the background image on all pages. Stretch it to cover the entire background and ensure it doesn't interfere with any text."