Website & Embed
Brand Matching
Embeds that look like your site, not ours
Brand Matching ensures your embedded sponsorship pages and donation forms look like a seamless part of your website, not a third-party widget. Pick your primary theme color and the SDK automatically generates a matching color palette for buttons, links, cards, and form elements. Light and dark mode are supported out of the box -- no CSS overrides or custom styling required.
The Problem
Third-party embeds that look visually disconnected from your website erode donor trust at the most critical moment -- when they are about to enter payment information and complete a donation.
The Solution
With HYS Brand Matching, your embeds automatically match your site's color scheme and support light/dark mode, creating a seamless experience that maintains donor trust through checkout.
How it works
Set your theme color
Enter your primary brand color (hex code) in the SDK configuration. One color is all you need.
Automatic palette generation
The SDK generates a harmonious palette from your theme color for buttons, links, cards, backgrounds, and form elements.
Light and dark mode
Embeds automatically adapt to your site's color mode. If your site supports dark mode, the embed follows -- no additional configuration needed.