Design Inspiration

Let AI learn from designs you love and apply those aesthetics to your website.

How It Works

When creating a new website, you can provide design references that AI will analyze to extract:

• Color palette: Primary, secondary, and accent colors
• Typography style: Font choices and text treatments
• Layout approach: Grid style, spacing, visual rhythm
• Visual mood: Modern, classic, playful, corporate, etc.

Adding a Reference URL

1. Click "Add design inspiration" below the prompt
2. Enter the URL of a website you like
3. AI will analyze the design when generating

Best practices:

• Use websites in a similar industry
• Choose sites with the aesthetic you want
• The homepage is usually best for analysis

Uploading a Screenshot

1. Click "Add design inspiration"
2. Click Choose image or drag a file
3. Upload a screenshot or design mockup

Supported formats: PNG, JPG, WebP, GIF

What to upload:

• Website screenshots
• Design mockups
• Mood boards
• Color palettes
• UI inspiration from Dribbble/Behance

What AI Extracts

From URLs

• Full color palette (primary, secondary, accent, background, text)
• Font family suggestions
• Layout style (centered, wide, asymmetric)
• Section patterns and spacing

From Screenshots

• Dominant and accent colors
• Visual mood and style
• Spacing and density preferences
• Typography weight and style

Combining with Your Prompt

The design reference enhances your text prompt:

Without reference:

Mobile dog grooming in Portland

With reference:

Mobile dog grooming in Portland

+ [Screenshot of a modern, clean pet services website]

The result: Your business content with the visual style of your reference.

Tips

1. Match the industry: A law firm design might not suit a dog groomer
2. Focus on style, not content: We take the look, you provide the text
3. Use multiple references: Sometimes combining 2-3 inspirations creates the best result
4. Be specific in your prompt: "I want the color palette from this site but a more playful layout"