Logo and style

Before Chip builds your website, he asks the things that set its style: your logo, how you'd like the website to feel, your colors, how much color you want, and the layout.

Your logo

When Chip asks "Do you have a logo?", drag the file into the chat or tap the box. PNG, JPG and WebP all work. Chip reads the colors in it (he leaves out a white or see-through background) and uses the main one for your buttons and links. If a logo color would be hard to read on the page, he makes it a little darker or lighter until the text passes the contrast check, so your site stays readable for everyone.

No logo yet? Tap I don't have one yet. Your business name is shown as a text logo instead, and you can add a logo whenever you have one. Skip works too.

How it should feel

Next, Chip shows six choices:

• Fun and playful: bright colors and a cheerful voice
• Warm and cozy: homey, like a neighbor's place
• Calm and natural: soft and unhurried
• Bold and modern: strong type and high contrast
• Classic and elegant: polished and a little luxurious
• Clean and professional: simple and trustworthy

If you added a logo, Chip marks the one he thinks fits it. Tap one to see it on the plan preview, and when it looks right, tap the button with its name, such as Go with Warm and cozy. If you type your own words, such as "luxurious, like a little Paris café", Chip shows the closest choice in the preview and asks you to confirm it with the button. He keeps your words in mind either way.

Your choice decides which colors and layouts Chip suggests next, the fonts, and the tone of the words he writes.

Your colors

Next come eight color palettes, each a card with its name and five colors. If you added a logo, the first one is From your logo: your logo's colors, adjusted where needed so text stays easy to read. The others are picked to suit your style and your kind of business, from warm and earthy to cool blues and a dark one. Tap a card to see your plan preview in those colors, then tap Go with and its name. Typing works too ("earthy greens", "my logo's colors"): Chip shows the closest palette and waits for the button.

How much color

Then Chip asks how much color you want, with four small pictures of a page drawn in the colors you just picked:

• Light and airy: white pages, with color on buttons and small touches
• Soft color: pale shades of your color behind each section
• Bold color: full-color bands in the header, footer and key sections
• Dark and dramatic: dark backgrounds with bright touches of color

He marks one to start with, going by the feel you picked, or Dark and dramatic when your logo looks made for a dark background. Tap a picture to see it on the plan preview, then tap the button with its name, such as Go with Soft color. You can also type something like "more color" or "white and clean" (Chip shows it and waits for the button), or skip it to keep the design's own mix of white and color. Whichever you pick, your text stays easy to read.

Layout

Last, Chip shows the layouts for your kind of business, each with a small picture and its name. Tap one and the preview shows that design's home page in your colors and color strength, with your business name. Tap Go with and its name to build your site in it, or skip to use the one Chip marked.

Some designs are made for light backgrounds and can't go dark, and some are made for dark ones. The layouts that suit your choices come first; the others are under More layouts, with a note saying how your colors would change on them.

Changing it later

After the build, just ask in the chat:

• "Can I change how my website feels?" shows the six choices again. Tap one to see it in the preview, then choose it, and Chip changes your colors and fonts to match. Your words and photos stay as they are.
• "Match my colors to my logo" (or "use the colors and feel of my logo") makes Chip read the logo file again and set your colors from it. He tells you which colors he used, with their color codes, and you can tap Try a different take for another arrangement of the same colors. Only colors and fonts change; your words, photos and layout don't.
• "Make it bolder", "more color", "lighter background" or "dark mode" shows the four pictures again, with the one your site uses marked Now. Tap one to see it on your site in the preview; nothing changes until you tap Go with and its name, and Keep what I have leaves things as they were. Your words, photos and layout stay as they are. If you pick Dark and dramatic on a design made for light backgrounds, the preview shows Bold color, the strongest that design can carry, and Chip says so before you choose.
• "I want to upload a new logo" brings back the logo box. The new logo goes in the header of every page, and Chip offers to match your colors to it.

Every change saves a version, so Undo this puts things back. Changes stay in your draft until you make them live to the Internet.