Why platform branding?

Platform branding helps create a consistent, recognizable, and engaging visual identity for your platform.

By aligning the platform’s colors, logo, banner, and other visuals with your organization’s identity, you build trust, familiarity, and a stronger connection with users. A well-branded platform not only looks professional but also reinforces your community’s values and helps users feel they’re in the right place.

Choosing platform colours

Build a consistent and accessible visual identity with well-chosen primary and secondary colors.

To change platform colours: go to Settings > Branding

ℹ️ Best practices:

Keep it simple and high-contrast: choose only the most relevant colors that reflect your organization’s brand.
Primary color: defines the overall look of your platform. Choose a shade of red, blue, or green.
Secondary color: can match the primary color or be a complementary color (opposite on the color wheel).
Text color: use black or another dark tone for readability.
Overlay color: use your primary color to maintain visual consistency.
Avoid very light or white as your main color, it can make buttons and calls-to-action hard to see.

How to customize the font of your platform?

Font changes can’t be made directly in the Admin panel yet. Send the name of the font you want to use, preferably one available in the Adobe Fonts library. If it’s not available there, you can provide a CSS file containing the font instead.

Steps:

Contact support@govocal.com.
Include the name of the font.
Verify the font is available in the Adobe Fonts library, or send a custom CSS file if not.

How to upload and configure your logo?

Make your platform instantly recognizable with your organization’s logo.

Steps:

Go to Settings > Branding in the admin panel.
Scroll down to the Logo section.
Click the upload box and select your organization’s logo image.

ℹ️ Specifications:

Minimum height: 45px (larger is fine, it will scale automatically).
Maximum file size: 10 MB.
Aspect ratio: keep proportions consistent; width adjusts automatically.

💡 Recommendations:

Use a simple logo with minimal text, as it scales differently on various screens.
The footer logo automatically mirrors the navigation bar logo, it cannot be changed separately.
To add more visuals or information to the bottom of your homepage, go to Pages & menu > Edit (Home) > Edit (Bottom info section).

How to change the homepage banner?

Go to the Admin panel.
Navigate to Pages & Menu.
Click Edit next to “Home”.
Select or add the Homepage banner widget
Upload a banner image that reflects your organization or community.

ℹ️ The homepage banner has a different view for guest visitors and logged in visitors, make sure to toggle the button to explore both views.

💡 Tips for choosing an image:

Aerial photo of your town or neighborhood.
A picture from a local event or citizen assembly.
A symbolic image that represents your values or mission.

Optional: Add a color overlay to the banner image

Toggle Enable overlay
Look for the Enable overlay color setting.
Choose a color that matches your platform’s theme.
Use the Overlay opacity slider to make the image more or less visible behind the color.

This is useful if:

Your image is too bright or distracting and you cannot see the text anymore (which is white and the colour cannot be changed so you may need to use the color overlay for the white text to show)
You want to unify the look with your platform colors