What is the Qomon Brand Kit?
The Brand Kit lets you give supporters a consistent experience across your public pages, using your colors, logo and visual identity. Your brand is applied automatically to every petition, online form, event and your Action Hub, so supporters see the same identity at every step.
Your organization also gets its own public address (your-organization.qomon.org), where all your public pages live. It’s created for you automatically, ready to copy and share.
⚙️ Where to find your Brand Kit
Go to Settings > General > Brand Kit.
The left-hand menu takes you to each section: Brand Identity, Action Hub, Verified organization, Custom Code and Danger Zone.
Changes go live as soon as you click Save in the top-right corner. There’s nothing else to publish or update.
Depending on your plan, advanced customization options may be available.
🧑🎨 Customize your Brand Kit
👀 Theme Preview
On the right of every Brand Kit section, the Theme preview shows how your pages will look to supporters. It updates as you make changes, so you can check the result before saving.
Below the preview, the Color accessibility score (out of 100) shows how readable your colors are. If your score is low or rated “Fair,” try a primary and background color with stronger contrast so all your supporters can read your pages easily.
🪪 Name, Avatar and Public URL
At the top of the Brand Identity section, you’ll find your organization’s name and avatar. They appear in your Qomon space, in the mobile app and on your Action Hub.
Click Edit name & avatar to update them.
Just below, the Public URL shows your organization’s public address (e.g., your-organization.qomon.org). All your public pages use this URL.
From here, you can:
See whether your Action Hub is on (Action Hub on status).
Click the ✏️ pencil icon to edit your subdomain.
Click Copy to copy the link and share it.
Click Open to view your Action Hub as supporters see it.
🎨 Brand Identity
Your brand identity is applied by default to all your public pages and your Action Hub. You can set:
Color theme: Enter your primary color (used for buttons and highlights) and background color as hex codes (e.g.,
#2BD329) or pick them from the color selector.Title style: Choose the font used for titles across all your pages and your Action Hub.
Interface style: Choose the shape of buttons, cards and fields:
Square: structured and editorial
Rounded: balanced and modern
Bubble: friendly and expressive
Template style: Choose how event cards are displayed:
Classic: a clean, readable list of cards
Bento: a mosaic layout with a filters rail
Cover templates: Create default covers for the top of your petitions, forms and events, so your team stays on brand and on message. Upload new images or delete the ones you no longer need with the 🗑️ icon.
🔗 Links & Socials
Add your website and social profiles, such as Facebook or Instagram. They appear on the confirmation page people see after submitting one of your online forms.
Click + Add a link to add a new one. Qomon recognizes common social networks and shows their icon automatically. These links apply to online forms only.
🏠 Action Hub
Your Action Hub is your public homepage, where supporters can find your public pages and RSVP to events near them. In the Action Hub section, you can set:
A distinct Action Hub identity: Turn this on to give your Action Hub its own name and avatar, different from your organization’s. Click Edit name & avatar to set them. Your pages use them too.
Contact email: Turn this on and enter the address supporters can use to reach you. It’s shown on your Action Hub and your pages. We recommend a shared team address rather than a personal one.
Default language: Choose the default language for your Action Hub and all your pages.
Embed your Action Hub on your website: Display your actions directly on your own website using an iframe. Click View guide for step-by-step instructions.
👉 For more on Action Hub options, read Configuring Your Action Hub Settings.
✅ Verified Organization
Qomon verifies your organization so supporters know they can trust it. Once you’re verified, turn on Show verified organization badge to display the verified badge next to your name on all your pages.
💻 Custom Code
Add your own scripts and tags to every public page, such as analytics, tracking pixels or chat widgets.
Header HTML: Added inside
<head>on every page. Best for analytics and site verification tags.Footer HTML: Added just before
</body>, after the page content. Best for widgets and scripts that can load last.
Each field accepts up to 2,000 characters.
Custom code added here applies to all your public pages. You can still add custom code to specific pages, such as an individual form, in addition to what you set here.
⚠️ Important: Custom code runs on every public page, so test it carefully. A broken script can affect how your pages display for supporters.
⚠️ Danger Zone
This section contains settings with a big impact on your public pages. Read each description carefully before making changes.
Show Qomon badge
Keep the “Powered by Qomon” badge in the footer of all your pages and email campaigns. You can choose between a Colored or Minimal style.
Deactivate Action Hub
Click Deactivate to take your Action Hub offline. Your Action Hub URL will show a 404 page, but all your other pages keep working.
Reset to Qomon default
Click Reset to restore your avatar, logo, cover image, favicon, primary color, background color, title font and interface style to Qomon’s defaults, including your Action Hub avatar. 🚨 This action cannot be undone.
Questions? Reach out to [email protected]