1. Web4Labels 3.1 Colour and logo definition features
04/

2. Look & feel features
Your own logo on every page (same logo on the log on page and in the upper left corner of every screen)
Provide 1 new logo. File type must be .svg, .png or .jpg
must be a multiple of 128 pixels in the width
Color Configuration
define your custom colors (RGB values) for the different items specified in the following pages of this presentation.
How to update the look & feel?
You supply us with your new logo according specs and the list of the desired color per item (20 in total)
Implementation only possible by the Cerm technical department

3. Color Configuration These are the adjustable areas:
Log on page background
Body background
User panel
Footer
Modal window
Links
Buttons
Rows of the grids
Item for mobile version

4. Log on page Your logo on top 4 adjustable items: 1 2 3 4 5
Background (light blue)
Button non active
background (dark blue)
text (white)
[identical in all other pages]
Link non active (orange)
(always underlined)
Footer
only text in footer (white) 1 1 2 3 3 2 4 4 5 5

5. Body – Frame Your logo on top 4 adjustable items: 6 7 8 4 9 10 5 6 7
User panel
background (blue)
text (white)
Links (always underlined)
active (blue)
non active (orange)
Background (black)
Footer 6 7 6 8 7 8 4 4 9 9 10 5 10 5

6. Body – Rows of grid Your logo on top 3 adjustable items: 11
Row even (dark blue)
Row odd (light blue)
Active Row (yellow)
Identical for all other grids
Items in logo panel follow color of the non active links 11 12 11 12 13 13

7. Body – Modal window 4 adjustable items: 14 15 16 17 18 15 16
Title (red)
Overlay (dark blue)
Close button (white)
Button active
background (orange)
text (white)
[identical in all other pages] 14 14 15 16 17 18 18 17

8. Mobile version 4 additional adjustable items: 19 20
Panels non active
background (red)
text (yellow)
Panel active
background (yellow)
text (red)
Only 2 colors can be chosen, since non-active panels use the inverse colors of the active panel. 19 20 19 20 20 19 20 19