DocsCore ConceptsAI Prompt Guide

AI Prompt Guide

Write effective prompts for better AI-generated websites.

Prompt Basics

The quality of your generated website depends heavily on your prompt. Here are the key elements of an effective prompt:

1.Website Type — What kind of site? (landing page, portfolio, e-commerce)
2.Industry/Niche — What sector? (tech, fashion, healthcare)
3.Style — What aesthetic? (minimal, bold, corporate, playful)
4.Key Sections — What content blocks? (hero, features, pricing)
5.Color Preferences — Any specific palette? (dark, blue accents)

Examples of Good Prompts

Example 1: "Create a modern SaaS landing page for an AI analytics product. Dark theme with blue accents, hero section with gradient text, feature grid, pricing table with 3 tiers, and testimonials section."

Example 2: "Design a minimal portfolio for a photographer. White background, full-bleed images in a masonry grid, about section, and contact form. Clean typography with lots of whitespace."

Example 3: "Build an e-commerce product page for premium headphones. Dark background, large product hero image, specs table, reviews section, and add-to-cart button with animation."

AI Prompt Enhancement

Draftly includes a built-in prompt enhancer that uses AI to improve your descriptions. Click the sparkle icon (✨) next to the prompt input to automatically:

•Add specific design details
•Include relevant section suggestions
•Specify color and typography preferences
•Add responsive design instructions

This typically improves generation quality by 40-60%.

PreviousQuick StartNextDesign System