We use colors purposefully to communicate how things function in the interface. This helps us to create visual patterns that can make interacting with our product easier and more predictable for users. All colors are accessible as we consider users who are color blind or who have low vision. Color is never used alone to convey information.

Primary color

In this system, a primary color is typically selected to represent the Valamis brand. On a customer it does the same function and helps a customer to represent their brand. The basic primary color is the most frequently displayed color across our app’s screens and components. It has several variants to support different states of UI elements.

Background color

The background color appears behind scrollable content. It’s also used for the Product Menu

Surface color

Surface colors affect surfaces of portlets, such as cards, sheets, and menus.