You can customize the colors of the guest environment and booking engine to match your organization's branding. This helps create a consistent look and feel between your website and the booking process. You can manage these colors centrally via the website integration settings.
Customize brand colors
Click Add option.
Enter the variable you want to customize.
Enter the desired color value.
Save your changes.
You can use the following variables:
Variable | Default value | Explanation |
rn-brand-primary-color | #232222 | Primary brand color (dark) |
rn-brand-secondary-color | #3d3b3b | Secondary brand color (light) |
rn-brand-cta-color | #00C853 | Call-to-action brand color |
rn-link-color | #007bff | Link color |
Which colors should you use?
The primary and secondary brand colors are used in various places throughout the guest environment and booking engine:
For the primary brand color, we recommend using a dark color. This color is used in many parts of the interface, so a very light or bright color can quickly become overwhelming.
For the secondary brand color, you can use a lighter or brighter color that matches your brand identity.
The call-to-action color is used to highlight important elements and buttons. We recommend choosing a color that provides sufficient contrast with the rest of the interface.
The link color determines the color of links throughout the interface.
When choosing your colors, make sure there is sufficient contrast between text, buttons and backgrounds. This helps keep the guest environment and booking engine clear, accessible and easy to use.