Customizing theme and colors

Last updated March 4, 2026

Answer

Go to My Website > Design to choose a theme preset, accent color, fonts, logo and the structure style (sharp, balanced or soft) of your website.

Steps

  1. Navigate to My Website > Design to open the design settings.
  2. Choose a theme preset. There are 8 predefined themes available (light and dark variants).
  3. Set your accent color. This color is used for buttons, links and highlights.
  4. Choose your fonts for headings and body text.
  5. Upload your logo (PNG, JPG, WebP or SVG, max 2 MB). Don't have a logo yet? Click "Generate text logo" to automatically create one based on your company name and theme.
  6. When you have a logo, the "Show logo in header" toggle appears. Turn it off to display your company name as text in the header instead. The logo remains available for search engines and AI regardless of this setting. For generated text logos, this toggle is off by default.
  7. Select a structure style: Sharp (straight corners), Balanced (slightly rounded) or Soft (strongly rounded).
  8. Check the live preview panel on the right to see your changes immediately.
  9. Click "Save" to apply your design choices.

Tips

  • The accent color is also used in your emails and social media templates.
  • Dark themes work well for creative professionals. Light themes for coaches and consultants.
  • You can change the theme at any time without losing content.
  • Your logo is automatically scaled to the correct height in the header.
  • When creating your website, a text logo is automatically generated if you haven't uploaded a logo yet. This logo is used for schema.org and AI discoverability, but does not appear in the header.
Was this article helpful?
themecolorsdesignfontspresetog-imagesocial

Related articles