AI Prompt Basics

Learn how to write effective prompts for AI website builders. The right prompt structure is the difference between generic and stunning results.

1. Start with Context

Begin with "Build a {type} website for {business}". Context anchors the AI on your goals.

2. Describe the Hero

Detail your hero section: "hero with animated gradient background and bold headline".

3. List Sections

Enumerate sections: features, pricing, testimonials, FAQ, footer.

4. Specify Style

Mention style: "minimalist, dark theme, glassmorphism cards".

5. Add Features

List interactive elements: "hover animations, scroll reveal, sticky nav".

6. Set Constraints

Add constraints: "mobile-first responsive, fast loading, no external fonts".

Key Takeaway

A good prompt = Context + Hero + Sections + Style + Features + Constraints

More Tutorials

3D & Scroll AnimationHero Section DesignColor Palettes for ConversionTypography That ConvertsWeb Animations Guide