Skip to main content
Customize your website’s appearance with coordinated fonts, colors, and animations. Start with a theme, then make it your own. Open the designer from your Website page, then select Theme.
Theme panel with icon, logo, theme, font pack, and color palette controls

Choose a theme

Open the Theme selector to browse the available designs. Choose a starting point, then customize its fonts and colors to match your brand.
Choose your theme before fine-tuning fonts and colors. Selecting a different theme applies its coordinated style settings.

Logo and icon

Add your branding with Add icon and Add logo:
  • Icon — Use a square image, at least 256 × 256 pixels.
  • Logo — Use a horizontal image, at least 1344 × 256 pixels.
Click an existing image to replace or remove it.

Fonts

Choose a Font pack to apply a coordinated pair of fonts. To choose fonts individually, open the font pack menu and select Customize:
  • Title font — Used for headings and titles.
  • Body font — Used for paragraphs and body text.

Colors

Your website uses a five-color palette. Under Color palette, choose a preset or edit individual colors to match your brand.

Section color themes

Each palette provides five section color themes: Lightest, Light, Bright, Dark, and Darkest. These combine background, text, and accent colors for different parts of your website. Choose a Default section theme for sections that use your website’s default styling. You can also give individual sections their own color theme in the website designer.

Animations

Open Miscellaneous → Animations to add motion as elements appear on the page. Choose Fade, Scale, or Slide, then set the speed to Slow, Medium, or Fast. Select None to turn animations off.

Preview and save

Switch between the desktop and mobile previews to check your design on different screen sizes. When you’re happy with it, click Save.