Product
product design
Our product design is based on Material Design, complemented by our unique details. The design is based on a grey neutral background color against which we use white to highlight the interactive elements of the products and create visual contrast. The profile color in our palette is purple, a color we use with care, alongside blue, green, yellow and red, which play important roles for interactivity and displaying different statuses.
Our goal is to offer a user experience that is both light and inviting, while subtly reflecting our brand and putting users at the center. Below are our design language guidelines and examples of how we integrate the brand into different parts of the product.
Our goal is to offer a user experience that is both light and inviting, while subtly reflecting our brand and putting users at the center. Below are our design language guidelines and examples of how we integrate the brand into different parts of the product.
Dark colors --> Text elements, GUI borders, Navigation icons etc. 
Light colors --> Backgrounds

Functional colors
These colors should only be used for product. This palette has a wider range of colors that are meant to be used for functional elements, such as displaying status. In addition, there is a specific color for buttons and other interactive elements that meet the contrast requirements defined by the accessibility standard WCAG 2.0.
Profile color --> Used on primary GUI elements, active links etc. Used sparingly.
Secondary colors --> Status elements, blue for links. Not used on buttons or GUI elements.




Sample pages
Product page with graphs, table
Product page with table, file viewer
Product page with table, file viewer