Build Your AI Website Prompt
Describe your dream website step by step. Get a detailed, ready-to-use prompt for any AI tool.
What type of website?
Step 1 of 8Choose the category that best matches your project.
✓
Business
Corporate, agency, consulting
✓
Portfolio
Personal, creative showcase
✓
SaaS / Landing
Product, startup, app landing
✓
E-Commerce
Online store, product catalog
✓
Restaurant
Cafe, bakery, food business
✓
Blog / Magazine
Content, news, articles
✓
Photography
Gallery, visual portfolio
✓
Education
Course, school, e-learning
✓
Health / Wellness
Spa, fitness, medical
✓
Event
Conference, meetup, festival
✓
Real Estate
Property, listings, agency
✓
Non-Profit
Charity, NGO, cause
Pick a design style
Step 2 of 8Select the overall aesthetic direction for your website.
✓
Minimalist
Clean, whitespace, elegant
✓
Glassmorphism
Frosted glass, blur, translucent
✓
Dark Modern
Dark theme, sleek, tech-forward
✓
Cyberpunk
Neon glow, futuristic, high contrast
✓
Brutalist
Raw, bold, anti-design
✓
Luxury
Premium, serif fonts, gold accents
✓
Retro
Vintage, nostalgic, classic vibes
✓
Playful
Fun, vibrant, rounded shapes
✓
Corporate
Trust, structure, professional
✓
Organic
Earthy, warm, nature-inspired
✓
Gradient
Colorful gradients, abstract art
✓
Neomorphism
Soft UI, embossed, subtle depth
Choose a color scheme
Step 3 of 8Pick a curated palette or enter your own brand colors below.
✓
Classic Blue
✓
Forest Green
✓
Warm Amber
✓
Sunset Rose
✓
Monochrome
✓
Ocean Blue
✓
Soft Blush
✓
Modern Teal
✓
Lavender
✓
Charcoal & Gold
✓
Electric Orange
✓
Warm Neutral
✓
Greenery Moss
✓
Pastel Dream
✓
Ice Cream
✓
Honey Orange
✓
Urban Dusk
✓
Nordic Slate
✓
Summer Fields
✓
Mauve Serenity
✓
Silver Lining
Layout preferences
Step 4 of 8Choose how key sections of your website should be structured.
✓
Top Navbar
Classic fixed header
✓
Sidebar
Vertical left-side nav
✓
Centered
Logo center, links below
✓
Hamburger
Hidden full-screen menu
✓
Full Image
Background image, centered text
✓
Split Layout
Text left, image right
✓
Gradient
Animated gradient background
✓
Video BG
Looping video background
✓
Card Grid
Grid of cards for content
✓
Alternating
Zigzag left-right sections
✓
Masonry
Pinterest-style staggered grid
✓
Timeline
Scrolling story or history
Select features
Step 5 of 8Toggle the features you want included. Select as many as you need.
✓Mobile Menu
✓Dark/Light Toggle
✓Smooth Scroll
✓Scroll Animations
✓Contact Form
✓Carousel / Slider
✓Pricing Table
✓FAQ Accordion
✓Back to Top
✓Parallax Effect
✓Stats Counter
✓Image Lightbox
✓Newsletter Signup
✓Social Links
✓Google Maps
✓Preloader
✓Sticky CTA
✓Custom Cursor
Content details
Step 6 of 8Tell us about your website's content and tone. All fields are optional.
Technical preferences
Step 7 of 8Choose the tech stack and coding preferences for the generated website.
✓
HTML / CSS / JS
Pure vanilla, no frameworks
✓
Tailwind CSS
Utility-first CSS framework
✓
Bootstrap 5
Popular component framework
✓
React
Component-based with JSX
✓Code Comments
✓Semantic HTML5
✓CSS Variables
✓SEO Meta Tags
✓Google Fonts
✓Icon Library
✓Accessibility
✓Single File
Your AI prompt is ready!
Step 8 of 8Copy this prompt and paste it into ChatGPT, Claude, or any AI tool to generate your website.
📋 Generated Prompt
Prompt Detail Score
0%