Color Concepts Customer Website/Scheduling Page: Tips

Introduction

Most websites and companies have color concepts that are based on two colors. Those colors can easily be implemented in the scheduling page to be consistent with the corporate identity of the company. If there is no second color, we recommend to use a dark grey.

If you don’t know the color code of the color you want to use, we recommend that you make a right click on that color on your website and choose inspect element (or similar) to get into the developers mode in your web browser, so you can see the color code a.o.

How to implement a color code?

You can change the colors of the scheduling page by going to Scheduling page > Colors & Font. In this example the color codes are a rosé color (F8A964) and a beige color (F6DE82).

We use the first color for the Background buttons, numbers, etc. and for the Background mouse over buttons:

We use the second color for the following fields: Background second color and Selected day in the monthly calendar:

Optionally you can choose to use a slightly darker color for the Background mouse over buttons to create a hover effect.

The end result shows the color concept of the company: