We recommend giving the vue-tour more color so that it catches the user's eye and he likes to look at it or deliberately closes it straight away.
We recommend a fresh color - which is of course a matter of taste - but not the blue and orange colors from the CI.
A little more padding (distance from your own margin) could give the text a little more freedom.
The arrows in the window pointing in the appropriate direction are useful. The arrow could be omitted from the first hint.
You should pay attention to where exactly the windows are placed.
In particular, the 3rd window (with the explanation Status) actually covers the column with the status entries.
Brief description. Some remarks
We recommend giving the vue-tour more color so that it catches the user's eye and he likes to look at it or deliberately closes it straight away.
We recommend a fresh color - which is of course a matter of taste - but not the blue and orange colors from the CI.
A little more padding (distance from your own margin) could give the text a little more freedom. The arrows in the window pointing in the appropriate direction are useful. The arrow could be omitted from the first hint.
You should pay attention to where exactly the windows are placed. In particular, the 3rd window (with the explanation Status) actually covers the column with the status entries.
Codes
green: #63e6be blue: #74c0fc yellow: ffd43b
div v-tour background-color: #63e6be; color: #183153; width: 420px; padding: 20px; (ev. box-shadow: 3px 5px #146E5D;)
header font-size: 24px; font-weight: bold; color: #183153;