Appearance
Within the CRS you can manage your own logos, colors and fonts to display throughout the booking experience. Considerations and constraints are put in place to optimize mobile/desktop behavior, performance and accessability, so some options are limited.
Here is a guide for setting your site appearance and colors
| Setting | What It Does |
|---|---|
| Header background color | Lodging site header background. This is used globally across all page types, including landing pages and affiliates. |
| Header contrast background color | Defines elements within the header. Be sure to use a contrasting color that stands out against the Header background color. Elements include the date picker and menu. |
| Account Logos | |
| Logo | This is the primary account logo used in multiple places, including and most prominently in the header. Horizontal logos works best, and it must be a .SVG or .PNG. with transparent background. |
| Favicon | Square favicon used in for the browser tab. Accepted files types are .ico, .svg. .png. If no icon is added the Ripe logo is default. |
| Site Menu | |
| Site Menu | Add menu items for the global header such as things to do or an event page. Drag and drop to update sort order. All links open in a new tab. Include URL parameters like Google Analytics to measure traffic from your Ripe platform to your primary site. |
| Theme Design | |
| Primary Color | This is your primary brand color. It’s used for main call to action buttons, date pickers, prices, filters, hover outlines, map pins and more. |
| Secondary Color | Secondary labels including filters and other lesser used labels. |
| Tertiary Color | Used for Exclusive Offers and select contrast items throughout the site. Tip: Do not use white or a light color as it will blend in with the site background. |
| Contrast Primary Color | Font color for the calendar dates, map pins, CTA on the property detail page. |
| Primary Font | Primary font used through the platform. |