The Telenet Design colour system uses an organized approach to applying colour to your UI. In this system, a primary, secondary, tertiary and functional colour are typically selected to represent your brand.
Yellow, lemon, white and brown are our main colours and define the Telenet look. In everything we communicate, at least one of these colours occurs.
Since Telenet is a yellow brand, we will use yellow as the guiding colour for our main interactions in pages and flows. E.g. our main CTA.
Our secondary colours can be used to emphasize elements or groups of elements. This in order to create importance, hierarchy or guide the user.
For digital materials, the colour codes were adjusted to meet the WCAG standards. It ensures sufficient contrast to guarantee visibility and readability.
Tertiary colours are rarely used in digital applications. Only occasionally, as a supporting colour detail in combination with images.
Sporadically use lemon to group items. Try to maximise to 1 lemon group.
A lemon background calls for more attention on that specific group of elements. It carries more importance, brings more clarity and guides the user.
Always use a light basis for the website to begin with. Use our colours as a sporadic accent. But keep it clean and fresh.
A section is a basic building block that gives structure to a page. It is a full width horizontal container that can contain different elements like titles, text, images, tables, ...
If we want to emphasize certain blocks on a page, we can set a background colour on a section.
If you want more in-depth information about a section, read about it on the section page.
A shout is a block that emphasizes one small part in a page. It does not necessarily contain a lot of elements, mostly even just a title, but it stands out and calls for attention.
We can use our secondary colours for this as well.
Valid font colours here are dark brown for text and lemon for highlights.
