Skip to main content

​
How It Works

Avallon uses advanced AI (powered by Google’s Gemini) to understand your description and generate a complete, functional website. The AI analyzes your prompt and creates:
  • HTML Structure: Semantic, accessible markup
  • CSS Styling: Modern, responsive design
  • JavaScript: Interactive elements and functionality
  • Multi-Page Navigation: Automatic routing between pages
  • Optimized Assets: Properly sized images and resources

​
Writing Effective Prompts

To get the best results, be specific about:

​
What to Include

Website Type

Specify what kind of website you want (portfolio, business, e-commerce, blog, etc.)

Design Style

Describe the aesthetic (modern, minimalist, bold, elegant, etc.)

Color Scheme

Mention preferred colors or mood (warm, cool, professional, vibrant)

Pages Needed

List the pages you want (home, about, services, contact, etc.)

​
Example Prompts

A modern portfolio website for a freelance photographer specializing in wedding photography. 
Include a hero section with stunning images, an about page with personal story, a portfolio 
gallery with filtering, and a contact form. Use a clean, elegant design with soft pastel 
colors and plenty of white space.

​
Multi-Page Generation

By default, Avallon generates multi-page websites. The AI automatically creates:
  • Home/Index Page: Main landing page
  • About Page: About section
  • Services/Features Page: What you offer
  • Contact Page: Contact form and information
You can specify custom pages in your prompt: 
A restaurant website with pages for: home, menu, reservations, location, and about.

​
Regeneration and Modifications

After generating your initial website, you can:
  1. Regenerate: Start over with a new description
  2. Modify with AI Assist: Ask for specific changes
  3. Edit Visually: Use the visual editor to make changes
Each generation uses credits. Free accounts start with 5 credits, and each website generation costs 1 credit.

​
Tips for Best Results

Instead of “a website”, say “a modern portfolio website for a photographer with a gallery and contact form”
Include your industry or business type to get relevant design patterns
Mention who the website is for to get appropriate tone and design
Ask for specific features like “shopping cart”, “blog”, “testimonials section”