Appearance

Set your logo & theme colors to match your brand.

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.