← All Docs

Building Apps

Website Generation

Website Generation takes a different approach from app generation. Instead of describing features and interactions, you provide a design brief that describes your website's purpose, audience, and style — and Webase generates a complete, multi-page website with professional content and SEO metadata.

Websites vs. Apps: Apps are interactive and data-driven (task managers, dashboards, tools). Websites are content-focused (landing pages, portfolios, business sites). Website Generation is optimized for the latter — it produces polished, content-rich pages designed to look great and convert visitors.

What Website Generation Does

When you use Website Generation, you fill out a design brief instead of writing a free-form description. The AI uses your brief to generate a complete website with multiple pages, consistent branding, professional copy, and search engine optimization — all in one step.

The Design Brief

The design brief is a structured form with several fields that guide the AI:

  • Goal — What is the primary purpose of the website? Examples: "Generate leads for my consulting business," "Showcase my design portfolio," "Sell handmade candles."
  • Audience — Who will visit the website? Examples: "Small business owners," "Hiring managers in tech," "Parents looking for organic baby products."
  • Tone — What feeling should the website convey? Examples: "Professional and trustworthy," "Fun and energetic," "Minimalist and elegant."
  • Call to Action (CTA) — What should visitors do? Examples: "Book a free consultation," "Download our app," "Shop now."
  • Style — Visual preferences for colors, layout, and design. Examples: "Dark theme with neon accents," "Clean and modern with lots of white space," "Earthy tones and natural imagery."
  • Notes — Any additional details, specific sections, or content requirements.
  • Page slugs — A list of pages to generate. Examples: home, about, services, contact or home, portfolio, pricing, faq, contact.

Example Design Briefs

Freelance Photographer Portfolio

  • Goal: Attract new clients and showcase my best work
  • Audience: Couples planning weddings, event organizers
  • Tone: Warm, artistic, personal
  • CTA: Book a session
  • Style: Dark background with full-width image galleries, elegant serif fonts
  • Pages: home, portfolio, about, pricing, contact

SaaS Landing Page

  • Goal: Convert visitors to free trial sign-ups
  • Audience: Product managers and startup founders
  • Tone: Modern, confident, data-driven
  • CTA: Start your free trial
  • Style: Gradient backgrounds, bold typography, feature comparison tables
  • Pages: home, features, pricing, faq

Generated Pages and Structure

The AI generates a complete page for each slug you provide. Every page includes:

  • Professional content — Headlines, body copy, and calls to action tailored to your brief.
  • Consistent navigation — A shared header and footer that link all pages together.
  • Responsive design — Pages look great on desktop, tablet, and mobile devices.
  • Matching style — Colors, fonts, and layout are consistent across every page based on your style preferences.

SEO Metadata

Every generated page includes SEO metadata automatically:

  • Meta title — A search-engine-friendly title for each page, incorporating relevant keywords.
  • Meta description — A concise summary that appears in search engine results, written to encourage clicks.

You can edit these values after generation to fine-tune your search engine presence.

Tip: After generating your website, use the Chat panel to refine individual pages. Ask for changes like "Add client testimonials to the home page" or "Include a FAQ section on the pricing page." The AI updates the specific page while keeping the rest of your site consistent.

Next Steps