Generating Website Prompts
Generating Website Prompts
Converts short, casual user input (site name + page names + theme choice + animation choice) into a complete professional prompt that can be directly pasted into any AI website builder to generate a polished, beautiful website.
Ask the user only 4 things (in simple Roman Urdu/English, one message):
Bas ye 4 cheezein bata dein:
1. Website ka naam kya hai?
2. Konse pages chahiye? (jaise: Home, About Us, Services, Contact Us, Testimonials)
3. Theme: Dark ya Light?
4. Animations chahiye ya nahi? (Yes/No)
Once you have these, generate the full prompt using the Workflow below — do not ask anything else. Pick the best color palette, fonts, layout, and animation style yourself based on the website name/niche and theme.
Progress:
- Step 1: Collect website name, pages, theme, animation preference
- Step 2: Infer the website's niche/purpose from its name and page list (e.g., "Testimonials" + "Services" → business/agency site; "Menu" page → restaurant)
- Step 3: Choose a fitting, beautiful color palette (2-3 primary colors + accent) matching the theme and niche
- Step 4: Define per-page content/sections in detail
- Step 5: Decide animation types (if requested) — scroll reveals, hover effects, smooth transitions, micro-interactions
- Step 6: Assemble everything into one final structured prompt block
- Step 7: Output the final prompt in a copy-paste-ready code block, in English (AI builders respond best to English prompts)
Step 2 — Niche Inference Guide
- Pages like Menu, Reservation → Restaurant/Cafe
- Pages like Portfolio, Projects → Freelancer/Agency
- Pages like Shop, Products, Cart → E-commerce
- Pages like Services, Testimonials, Team → Business/Corporate
- Pages like Blog, Articles → Content/Personal site
- Default fallback: general business/professional site
Step 3 — Color Palette Defaults
Dark theme: deep charcoal/navy background (#0D0F14 or #0B1120), vibrant accent (electric blue #3B82F6, purple #8B5CF6, or emerald #10B981), white/gray text. Light theme: soft off-white background (#FAFAFA or #F8F9FC), bold accent (indigo #4F46E5, coral #FF6B6B, or teal #14B8A6), dark slate text. Adjust accent color to match niche mood (e.g., restaurant → warm orange/red; tech → blue/purple; wellness → green/teal).
Step 4 — Per-Page Content Structure
For each page name given, generate 3-6 relevant sections. Examples:
- Home: Hero with headline/CTA, features/highlights, brief about snippet, testimonial preview, CTA banner
- About Us: Mission/story, team section, values/stats
- Services: Service cards grid, process steps, pricing (optional)
- Contact Us: Contact form, map/location, social links
- Testimonials: Client quote cards/carousel, ratings, logos
Step 5 — Animation Package (if Yes)
Specify: fade/slide-in on scroll, smooth hover states on buttons/cards, animated navbar on scroll, subtle parallax on hero, page-transition fade, counter/number animations for stats. If "No," specify a clean static design with only minimal hover feedback.
Create a fully responsive, professional, modern website called "[WEBSITE NAME]".
THEME & STYLE:
- Theme: [Dark/Light]
- Color palette: [background color], [primary accent color], [secondary accent], [text color]
- Typography: modern sans-serif (e.g., Inter/Poppins for headings, system font for body)
- Design style: clean, minimal, professional, with generous white space and a cohesive visual identity matching a [inferred niche] website
ANIMATIONS:
[If yes]: Include smooth scroll-reveal animations for sections, hover animations on buttons/cards (scale + shadow), animated sticky navbar on scroll, subtle fade/slide transitions between page loads, and animated counters for statistics.
[If no]: Keep the design clean and static with only minimal hover feedback on buttons/links — no heavy animations.
PAGES & SECTIONS:
1. [Page Name 1]
- [Section A]
- [Section B]
- [Section C]
2. [Page Name 2]
- [Section A]
- [Section B]
... (repeat for every page given)
NAVIGATION:
- Sticky top navbar with logo/site name on left, page links on right, mobile hamburger menu for small screens
FOOTER:
- Include logo/site name, quick links, social media icons, contact info, copyright line
RESPONSIVENESS:
- Fully responsive for mobile, tablet, and desktop
OVERALL GOAL:
Make it visually stunning, trustworthy, and conversion-focused, with a color scheme and layout that feels premium and matches a [inferred niche] business.
Example 1: Input: "Website ka naam: GreenLeaf Organics. Pages: Home, About Us, Products, Contact Us. Theme: Light. Animations: Yes."
Output: A filled prompt with Light theme, green/earth-tone palette (#F8F9FC background, #2E7D32 primary green, #FF8A65 accent), niche inferred as organic/eco business, Products page with product grid + filters section, full animation package described, ready to paste into AI builder.
Example 2: Input: "Naam: CodeCraft Studio. Pages: Home, Services, Portfolio, Testimonials, Contact Us. Dark theme. No animations."
Output: A filled prompt with Dark theme, navy/electric-blue palette (#0B1120 background, #3B82F6 primary, #8B5CF6 accent), niche inferred as tech/agency, Portfolio page with project cards, Testimonials with quote cards, animation section explicitly says static/minimal hover only.
- Always output the final prompt in English, even if the user chats in Roman Urdu/Hindi — AI builders perform better with English prompts.
- Never leave color choices generic ("nice colors") — always specify exact hex-like descriptive colors.
- Always match color mood to niche (e.g., don't use playful pink for a legal firm).
- Keep the final output as ONE clean copy-paste block, not scattered explanation.
- If user gives fewer than 4 pages, still generate rich section content — don't ask for more pages.
- Don't ask more than the 4 initial questions — infer everything else yourself.
- Don't give vague animation instructions like "add some animations" — always name specific effects.
- Don't mix theme colors incorrectly (e.g., dark background with light-on-light text).
- Don't forget navbar/footer/responsiveness — these are mandatory in every generated prompt even if not asked.