Craft your
dream website

Choose a vibe. Stack your sections. Get a polished prompt you can drop into any AI builder.

1

What's the website for?

The more detail you provide, the better your generated website prompt will be.

2

What type of business?

Pick one or type your own below

3

Pick a style

Search or browse — shapes the whole look and feel

4

Build your page

Stack sections and reorder them

Your page — reorder
  • 1
    Hero
    Headline, CTA & image
  • 2
    Social Proof
    Client logos & trust
  • 3
    Features
    Benefits grid
  • 4
    Footer
    Links & socials
Add sections
5

What should the button say?

The main action you want visitors to take

6

Scrape existing website

Optional — reference a live site for AI to analyze

Reference a live website
Adds Firecrawl analysis instructions to the prompt
7

Asset references

Optional — link existing media so AI builders use the right assets

8

Motion & animation style

Optional — pick one or more motion directions for the AI to follow

9

3D hero & interactive scene references

Optional — link 3D scenes or scroll-reactive hero inspiration

10

Target AI builder

Tune the prompt wording and formatting for a specific platform

11

Your prompt

279 words • updates as you choose

> Target AI builder: **Lovable**. Format and wording are tuned for this platform.

Build me a beautiful, complete, single-page website.

**What it's for:** [Describe your website/business here]
**Main button text:** "Get Started"

**Visual style:** Minimal SaaS — crisp whites, sharp grids, restrained type.

Pick a color palette that feels right for this type of business. Don't overthink it — just choose colors that look great together and fit the vibe.


**Platform-specific guidance (Lovable):**
Optimize for Lovable: React + TypeScript + Tailwind + shadcn/ui. Use semantic design tokens from src/index.css (no hardcoded colors). File-based routing, small focused components. If backend is needed, use Lovable Cloud (Supabase) with RLS.

**Page sections (build them in this order):**
1. Hero — Big bold headline (8 words max), one-line description underneath, and a prominent call-to-action button. Add an image, mockup, or illustration on the right side.
2. Social Proof — A row of 4-6 recognizable logos with a "Trusted by" label. Keep it compact and credible.
3. Features — A grid of 3-6 benefit cards. Each has an icon, short title, and one-sentence description. Focus on what the customer gets, not technical features.
4. Footer — Logo, navigation links in columns, social media icons, and copyright text. Clean and organized.

**Important:**
- Make it fully responsive (looks great on phone and desktop)
- Use realistic placeholder copy — no lorem ipsum. Write text that actually fits this business.
- Add smooth, subtle animations (fade in on scroll, hover effects on buttons and cards)
- The call-to-action button should appear above the fold and repeat near the bottom
- Keep the code clean and production-ready. Single page, no routing.
- Use React with Tailwind CSS

Paste into Lovable, Bolt, v0, Cursor, or any AI builder

Enjoying the builder? Support future improvements.

Tips start at just $1 — every coffee fuels new features. Completely optional.

Support Northstar Digital