Skip to main content

Illustrations

How to generate and style vector images used for your website

Use illustrations for the sections or pages on your site where photos wouldn't quite work. Think how-it-works explainers, or decorative flourishes for otherwise text-heavy content. They generate in one style you pick, so they look consistent and on-brand from page-to-page.

A pricing page with four load sizes, each shown by a matching truck illustration

Example of illustrations to showcase different load prices for a junk removal business.

Setting your site's visual style

An illustration style keeps the illustrations across your site consistent and on brand. You can set your style in the Design tab's Images area. Once set, every illustration generated will follow that look and feel.

An illustration style with its sample sheet

You can also add style notes if you have specific visual motifs in mind. Click Generate preview when done to save changes and generate a reference sheet of your style.

The illustration style picker, with six styles previewed on the same subject

Add illustrations to your pages

Once a style is active, illustrations you generate follow it. The agent places illustration placeholders as it builds pages — fill one the same way as any image placeholder.

You can also put an illustration where a photo currently is: select the image, click Edit with AI, choose New, and switch the type to Illustration before you generate.

An empty illustration placeholder selected, with the image chat open on its prefilled description

When a page has several unfilled illustration slots, turn on Generate as a set in the chat to generate them together — they're drawn as one image and split up, so they match in style, angle, and scale.

Edit an illustration

Most styles produce vector graphics, which stay crisp at any size and can be edited by hand.

The Edit illustration editor, with the illustration's layers beside the canvas

Select an illustration on the page and click Edit illustration. Every shape in the illustration is a layer that you can click to recolor or delete it. Click Save to apply your changes to the image, or Cancel to discard your changes.

Did this answer your question?