AI is already a significant and essential part of many software applications, and there are occasions where it is important to clearly inform the user that a process or outcome has been generated or influenced by AI.
Being fully transparent with the end user about the involvement of AI can be crucial. It helps build trust in the system, and by using our AI colours, you provide a clear visual indication to the user that AI is involved.
AI colour role
Similar to our other colour roles, our AI colours provide you with text, background, border, and on-background design tokens.
These tokens can be used to style components and other UI elements, helping to differentiate AI-generated content for the user or simply stand out in the UI to highlight AI features.
The colours have been carefully selected from our current palette, where we blend our teal and blue together.
We use gradients to make this colour role stand out compared to our other colour roles, which only use a single solid colour value.
These AI tokens are part of all our current themes as a new AI colour role. All brands currently use the same AI colours, similar to our feedback colours. Dark mode support is included out of the box.
Accessibility
All of our AI colours have been tested to meet our accessibility standards. We provide on-background tokens to ensure you always have an accessible colour to use on top of our AI backgrounds.
Relying only on colours may not always be enough, and it can be recommended to add an “AI” tag or label to support the colours.
