The Branding configuration page lets you match the consumer-facing homefinder map to your brand. You can set the font, text colors and filter hover color in one place, and the map updates to match.
Before You Start
You need admin access to XO KISS to change branding settings.
Have your brand's hex color codes ready (for example,
#1A3C5E).Know which Google Font your brand uses. Any font in the Google Fonts library can be selected.
Setting Up Your Branding
In XO KISS, go to Admin > Communities > Actions > Configure Map > Branding.
Under Google Font, choose your brand font from the dropdown. We have a handful of Google fonts preloaded. If you do not see your font, you can upload the Google font.
Set each color using the color picker or by typing a hex code:
Hover Color on Filters – the color filters change to when a shopper hovers over them.
Font Color on Headers – headings on lot and home cards.
Font Color on Address – the address line on each card.
Font Color on Description – description text on cards and detail views.
Font Color on Card Attributes – details such as beds, baths and square footage.
Click Save.
Open your homefinder map and refresh the page to check the result.
To change your branding later, return to the same page, update any setting and save again.
Where Your Branding Appears
Setting | Where shoppers see it |
Google Font | Text across the homefinder map and listing cards |
Filter hover color | Background of filter and action buttons when hovered |
Header font color | Section headings on the lot detail page |
Address font color | Address on lot cards and the lot detail page |
Description font color | Lot and community description text |
Card attribute font color | Labels and values on lot cards, such as beds and baths |
Card price font color | Price on lot cards, when the card shows one |
Branding applies to the consumer-facing map only. The XO KISS admin screens your team uses keep the standard look.
Tips and FAQ
My text is hard to read. Pick text colors with strong contrast against white card backgrounds. Dark colors work best for descriptions and attributes.
📣 Need help? Reach out to the Cecilian Partners team using the chat button in the upper right-hand corner.