Colours
Colours are one of the most recognisable aspects of our brand. White, orange, blue, dark grey and black are the dominant colours. Use also the secondary colours, green, yellow and light grey, in illustrations, imagery, graphs and charts, to create a sense of hierarchy or to improve usability and readability. Start with 100% colours and use 75%, 50% or 25% tints to create a visual flow.
Main colours
Secondary colours
Colour and element balance
We use white as a basis for our applications to ensure fresh, clear and calm experience. White balances the design, helps to better organise the content and improves the visual experience. Always make sure that you have enough contrast and margins in your design.
Full-coloured backgrounds, patterns and images spice up the applications and are used judiciously.
Accessible colour combinations
VTT’s digital services must fulfill requirement level AA as determined in the Web Content Accessibility Guidelines (WCAG) criteria. This requires us using also accessible colour combinations and ensuring minimum contrast level for colour and text. Therefore, be especially careful while dealing with colour shades of orange, and avoid grey and yellow texts!
Black copy text is preferred on white backgrounds. When combining VTT orange with white the text size must be 18 px (14 pt) and bold or larger, or 24 px (18 pt) or larger.