Help Center Website Theme & Design (Colors, Fonts, Buttons)

Theme & Design (Colors, Fonts, Buttons)

Website

Your site has one shared theme so every page looks consistent. Open it with the Design button in the editor's top bar. Blocks don't hard-code colors — they follow the theme, so changing a color re-skins the whole site at once.

Colors

Set your primary, secondary, text, and background colors, plus a brand palette of your own named colors that shows up in every color picker across the builder. (Your primary color also syncs to your workspace brand color, so donation pages, events, and emails stay on-brand.)

Typography

Choose a heading font and a body font from the built-in Google Fonts, and fine-tune sizes for specific elements (hero titles, buttons, body, and more).

Buttons

Pick a button shape — Square, Rounded, or Pill — and a style (Solid or Outline). This applies everywhere buttons appear.

Spacing & images

Set the overall section density (Compact → Spacious) and the default image aspect ratios used by the Landscape and Portrait shape options.

Common questions

  • Can one section look different? Yes — a block's Section tab can override background and text colors for that section only.
  • Where do brand colors come from? The palette you build here; you can also set your brand color under Settings → Branding.
Previous
Website Blocks — the Full List
Next
Starter Sites & Section Presets

Was this article helpful?

All Categories