← Back to help center

Campaign styling and brand presets

GiveFlow’s styling system lets you control the look and feel of your campaign pages. You can choose from built-in presets, create custom presets, or override styles per campaign.

Built-in presets

GiveFlow ships with three built-in style presets, plus a fourth derived from your active WordPress theme. Each one offers a distinct visual identity for your campaigns. You can edit a built-in preset’s tokens, but you cannot delete one.

Classic (default)

Classic is the default preset applied to all new campaigns. It leaves GiveFlow’s own token defaults in place, the balanced indigo accent on clean surfaces, and adds the pill-shaped donate button. The result is a plain, trustworthy look suitable for most fundraising efforts.

Bold

Bold uses a deep navy accent with tighter corners, heavier heading and button text, and a dramatic card shadow. It creates a strong visual impact and works well for high-energy campaigns that need to stand out.

Quiet

Quiet takes a minimal approach: square corners, no shadows, a near-black accent, generous spacing, and an outlined donate button. It works best when you want the content to speak for itself without visual distraction.

Site theme

Site theme derives its styling from your active theme’s theme.json. It takes the accent, and the matching focus ring, from your theme’s color palette: the primary or accent color if the palette names one, otherwise the first color in it, and failing that your theme’s button background. If the palette defines background and foreground colors, those become the background and body text. From your theme’s button element it takes the small corner radius, which GiveFlow applies to buttons and inputs, and the button text weight.

Nothing else is inherited. Font family, font sizes, and the spacing scale stay at GiveFlow’s own defaults unless you override them.

This preset only appears when your theme exposes at least one of those values. It is the best choice if you want campaign pages to sit closer to the rest of your site.

Design token system

Presets are built from a catalog of 25 design tokens. These tokens control specific visual properties across all campaign blocks and forms. A preset only stores the tokens it changes; everything else falls through to the catalog default.

Brand colors

  • Accent — The main brand color used for buttons, links, and accents
  • Accent soft — The tint used for hover and selected tiles. Leave it alone and GiveFlow derives it from the accent
  • Body text — The main text color
  • Muted text — Helper text, placeholders, and captions

Surface

  • Background — The base background for campaign components
  • Soft background — The resting fill for inputs and tiles
  • Border — Border color for cards, inputs, and dividers

Typography

  • Font family — The typeface used across campaign elements
  • Base font size — 14, 15, or 16 pixels
  • Heading weight — Medium, semibold, or bold
  • Body weight — Regular or medium

Radius and borders

  • Corner radius — Roundness of cards, panels, and other surfaces
  • Small corner radius — Roundness of buttons, inputs, and chips
  • Border width — 1 or 2 pixels

Spacing

  • Block spacing — Vertical rhythm between blocks
  • Label gap — Space between a field label and its input

Buttons

  • Button height — Height of the donate and submit buttons
  • Button text weight — Medium, semibold, or bold
  • Button shadow — None, soft, or strong
  • Button background — Fill color. Leave it empty to use the accent
  • Button text color — Leave it empty for white on filled buttons
  • Button border — None (filled), thin outline, or thick outline
  • Button hover background — Leave it empty to inherit the button background

Focus and elevation

  • Focus ring color — The outline color shown when elements receive keyboard focus
  • Card shadow — None, soft, floating, or dramatic

Setting your organization’s default preset

You can set a default preset that applies to all campaigns across your organization.

  1. Go to GiveFlow, then Settings.
  2. Open the Brand tab.
  3. Select a preset in the Brand presets list. A live preview appears beside it.
  4. Click Make default.
  5. Save your changes.

All campaigns and forms that have not chosen a preset of their own will use this one.

The same screen is where you build your own presets. Add preset starts an empty one, Clone copies the selected preset as a starting point, and the name field renames it. Editing a token here changes it for every campaign using that preset. Custom presets can be deleted; built-in ones cannot.

Setting a per-campaign style override

You can override the organization default for any individual campaign.

  1. Open the campaign you want to customize.
  2. Go to the Settings tab, then the Appearance panel.
  3. Pick a preset in Style preset, or leave it on the organization default.
  4. To fine-tune, turn on Customize tokens for this campaign and change individual tokens. They apply on top of the chosen preset.
  5. Save your changes.

Per-campaign overrides only affect that specific campaign. All other campaigns continue to use the organization default.

Resolution order

GiveFlow resolves styles using a layered system. Each layer can override the one below it:

  1. Campaign overrides — Individual token values set on a specific campaign (highest priority)
  2. Campaign preset — The preset selected for a specific campaign
  3. Organization default preset — The preset set in your organization’s GiveFlow settings
  4. Catalog defaults — GiveFlow’s built-in default values (lowest priority)

This means you can set a baseline with your organization preset and fine-tune individual campaigns as needed. A campaign override on a single token (like the accent) will take effect while all other tokens fall through to the campaign’s preset or the organization default.

A donation form can pick its own preset too. When it does, that preset wins for the rendered form and the campaign’s own token overrides are ignored, so the form is styled by one decision rather than two half-decisions. A form that has not chosen a preset falls back into the order above.