Foundations
Colours
scss:Readyfigma:Ready
Every colour is available with a colour scheme of 9 levels to cover different expressions or hierarchy needs. A new mechanic has been set up to cover accessibility needs smartly. From now on, the default value is
-600for each colour.
Contrast rules
Please, take note of the following rules:
| Element | Foreground | Background | Ratio |
|---|---|---|---|
| Text | -600 | Grey-000 | 4.5:1 |
| Icon or graphic element with informative or functional usage | -500 | Grey-000 | 3:1 |
Good to know
The default value is always mentioned with the term (Default).