The quality of your output depends on your prompt. Be specific about what you want.
Remember to include everything as if you would be telling your friend specifically how to create something.
Remember to include everything as if you would be telling your friend specifically how to create something.
Examples of good Prompts
Hero section with full-width background image, centered white text, H1 heading, subheading, and two buttons side by side
Features section with 3-column grid. Each card has colored icon at top, H3 title, short description, and “Learn more” link
Pricing table with 3 columns. Middle plan is highlighted. Each shows plan name, price, 5 feature items with checkmarks, and CTA button
Testimonials grid with 4 cards. Each card has quote icon, testimonial text in italics, horizontal divider, customer name and small round photo
CTA section with dark background, large centered heading, subtext, and one primary button. Add subtle decorative gradient overlay
Team section with 4-column grid. Each member has square photo, name as H4, job title in smaller text, and row of social media icons
FAQ section with heading on left side, accordion-style questions on right. Each question has plus icon and expandable answer area
What to Include in your prompt
Section type
– Hero, features, pricing, testimonials, CTA, etc.
– Hero, features, pricing, testimonials, CTA, etc.
Layout structure
– Columns, grid, centered, sidebar, etc.
– Columns, grid, centered, sidebar, etc.
Elements needed
– Headings, text, buttons, images, icons
– Headings, text, buttons, images, icons
Specific styling
– Colors, alignment, spacing if not set in your theme styles or with variables/classes
– Colors, alignment, spacing if not set in your theme styles or with variables/classes
What to Avoid
- Vague descriptions like “make it look cool”
- Extremely long and complex prompts
- Requesting multiple unrelated sections at once