Change your colors and fonts

The theme sets how your whole site looks. A change here applies to every page.

Open the theme

1. Open Website, then choose Edit beside any page.

2. Choose Theme in the rail on the left.

The panel says "Saved as a draft. Publish puts it on your site." Your changes show in the editor as you make them, and visitors see them once you publish. See Publish your pages.

Pick a palette

Under Palettes, choose one that suits your business. Choosing a palette replaces your main and second colors and any exact colors. Your fonts, shapes and photos stay. To undo it, choose Go back to my colors.

Set your own colors

Under Colors:

• Main color: the color your whole site is built from, including buttons.

• Second color: a partner color.

• Error color: the color for warnings. Use the standard error color puts it back.

• Page: Light or Dark.

• Grays: from Pure gray to Strongly tinted with your color.

Open Exact colors when your brand needs a specific color, like a pure white page. Pick a Color set, then set its Background, Text, Buttons and Highlight.

If a color is hard to read, the panel says so, for example "Your main color is hard to read as text on its own", and suggests a darker one.

Choose fonts

Under Type, Suggested pairs gives you a heading font and a text font that go together. Or choose Headings and Text yourself from lists such as Sans for reading, Serif for reading, Display serif, Rounded and Handwritten. The panel tells you how much the typefaces add to each page.

You can also set the Text size, and the Heading steps, Heading weight, Heading letters, Heading spacing, Heading color and Heading sizes.

Shape and feel

Under Shape and feel, choose Corners, Photos (as taken, rounded, arch or circle), Button shape, Button style, Button weight, Button letters, Space, Lines, Shadows, Movement, Space on phones and Page edges.