Creating your websiteStyle and colors

Choose the colors and the look before the AI starts

The style cards are small live site previews that repaint in the palette you pick, so you see the combination before a single page exists. Or leave everything on Automatic.

Create your site for freeSee the costs

What you get

Previews in your colors

Each style card is a miniature website that recolors itself to the palette you select, so you compare looks with your real colors instead of grey swatches.

Fonts that suit the style

Every style comes with its own pairing of heading and body fonts, and when your logo is set in a font, the headings of the site follow it.

Light, dark or both

The Tone option asks for a light site, a dark site or one that offers both, and the AI builds every page to match that choice.

How it works

  1. 1

    Step 1

    Open the Style step

    After the AI reads your idea, the create flow opens on Style, with Colors, Style and Tone together on one screen.

  2. 2

    Step 2

    Choose or keep Automatic

    Tap a palette, a style card and a tone, or keep Automatic on any of them so the AI picks what fits your line of business.

  3. 3

    Step 3

    Adjust after the build

    Ask in Messages for other colors or a different font, or select single elements in Edit and change their colors by hand.

Frequently asked questions

Which color palettes can I choose for my website?

There are 16, among them Violet, Ocean, Sunset, Forest, Rose, Slate, Black and white, Midnight and Cocoa. Each palette has a main color, an accent and a light surface color that the AI uses across the whole site.

What are the 9 website design styles?

Modern, Minimal, Elegant, Bold, Playful, Classic, Editorial, Warm and Technical. Each one sets the spacing, the shapes and the fonts, and its card shows a small example of a site before you choose.

Can I change the colors after my site is built?

Yes. Ask the AI in the chat, for example to make all buttons green, or switch to Edit, select an element and set its text, background and border colors yourself with the color picker.

Related features

Templates

Browse ready made sites by line of business, view them full screen and start yours from one with a single click.

Learn more

AI logo

Pick the logo type, with a symbol, with the name only or with initials, and get several options that take the site colors and become its icon too.

Learn more

Visual editor

Click any element and change the text, the color, the spacing and the borders by hand, without touching the code.

Learn more

More from Creating your website

All features

Ready to try it?

Describe your business and get a real website in a few minutes, for free.

Create your site for free